mis-crystal-design-system 4.0.51 → 17.0.0

package/bundles/mis-crystal-design-system-daterangepicker_v2.umd.min.js

@@ -1,2 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("moment-timezone"),require("mis-crystal-design-system/toast"),require("moment"),require("@angular/cdk/overlay"),require("@angular/cdk/portal"),require("@angular/forms"),require("rxjs/operators"),require("mis-crystal-design-system/utils"),require("mis-crystal-design-system/button")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/daterangepicker_v2",["exports","@angular/core","@angular/common","moment-timezone","mis-crystal-design-system/toast","moment","@angular/cdk/overlay","@angular/cdk/portal","@angular/forms","rxjs/operators","mis-crystal-design-system/utils","mis-crystal-design-system/button"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["mis-crystal-design-system"]=e["mis-crystal-design-system"]||{},e["mis-crystal-design-system"].daterangepicker_v2={}),e.ng.core,e.ng.common,e.momentTimezone,e["mis-crystal-design-system"].toast,e.moment,e.ng.cdk.overlay,e.ng.cdk.portal,e.ng.forms,e.rxjs.operators,e["mis-crystal-design-system"].utils,e["mis-crystal-design-system"].button)}(this,(function(e,t,a,n,r,i,o,d,c,s,p,l){"use strict";function g(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var h=g(i),_=new t.InjectionToken("CONTAINER_DATA"),y="DD-MM-YYYY",f=function(e){var t;switch(e){case 0:t="January";break;case 1:t="February";break;case 2:t="March";break;case 3:t="April";break;case 4:t="May";break;case 5:t="June";break;case 6:t="July";break;case 7:t="August";break;case 8:t="September";break;case 9:t="October";break;case 10:t="November";break;case 11:t="December"}return t},u=function(){function e(e,t){var a,r,i,o,d=this;this.toast=t,this.parseZoneInstance=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return n.tz(e[0],e[1],d.data.dpConfig.timezone)},this.rawWeekDays=["SUN","MON","TUE","WED","THU","FRI","SAT"],this.weekDays=[],this.currentMonthDates=[],this.nextMonthDates=[],this.isPreviousMonthDisabled=!1,this.isNextMonthDisabled=!1,this.selectionStarted=!1,this.isDatesValid=!1,this.data=e,this.localSelectedDates=this.data.dates,this.isDatesValid=!1,this.localSelectedDates.startDate&&this.localSelectedDates.endDate&&(this.isDatesValid=!0),(null===(r=null===(a=this.data)||void 0===a?void 0:a.dpConfig)||void 0===r?void 0:r.timezone)&&(this.parseZoneInstance=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return n.tz(e[0],e[1],d.data.dpConfig.timezone)}),this.currentMonthNumber=this.parseZoneInstance().month(),this.nextMonthNumber=this.parseZoneInstance().add(1,"month").month(),this.currentMonth=f(this.currentMonthNumber),this.nextMonth=f(this.nextMonthNumber),this.currentYearNumber=this.parseZoneInstance().year(),this.nextYearNumber=this.parseZoneInstance().add(1,"month").year(),this.weekDays=this.rawWeekDays.map((function(e,t){return{label:""+e[0]+e.slice(1).toLowerCase(),isCurrentDay:d.parseZoneInstance().day()===t}})),(null===(o=null===(i=this.data)||void 0===i?void 0:i.dpConfig)||void 0===o?void 0:o.format)||(this.data.dpConfig=Object.assign(Object.assign({},this.data.dpConfig),{format:y}))}return e.prototype.ngOnInit=function(){this.currentDateInstance(),this.calculateMinMaxDays()},e.prototype.currentDateInstance=function(){var e,t;if(!(null===(e=this.localSelectedDates)||void 0===e?void 0:e.startDate))return this.currentMonthDates=this.generateDates(this.currentMonthNumber,this.currentYearNumber),void(this.nextMonthDates=this.generateDates(this.nextMonthNumber,this.nextYearNumber));var a=this.parseZoneInstance(null===(t=this.localSelectedDates)||void 0===t?void 0:t.startDate,this.data.dpConfig.format);a.isValid()&&(this.currentYearNumber=a.year(),this.nextYearNumber=a.add(1,"month").year(),this.currentMonthNumber=a.get("month")-1,this.nextMonthNumber=a.add(1,"month").month()-1,-1===this.currentMonthNumber&&(this.currentMonthNumber=11),-1===this.nextMonthNumber&&(this.nextMonthNumber=11),this.currentMonth=f(this.currentMonthNumber),this.nextMonth=f(this.nextMonthNumber)),this.currentMonthDates=this.generateDates(this.currentMonthNumber,this.currentYearNumber),this.nextMonthDates=this.generateDates(this.nextMonthNumber,this.nextYearNumber)},e.prototype.calculateMinMaxDays=function(){var e=this.parseZoneInstance().year(this.currentYearNumber).month(this.currentMonthNumber),t=this.parseZoneInstance(this.data.dpConfig.minDate,this.data.dpConfig.format);t.isValid()&&(this.isPreviousMonthDisabled=t.isSameOrAfter(e,"month"));var a=this.parseZoneInstance(this.data.dpConfig.maxDate,this.data.dpConfig.format);a.isValid()&&(this.isNextMonthDisabled=a.isSameOrBefore(e,"month"))},e.prototype.navigateMonth=function(e){var t=n.parseZone().year(this.currentYearNumber).month(this.currentMonthNumber);"NEXT"===e?t=t.add(1,"month"):"PREVIOUS"===e&&(t=t.subtract(1,"month")),this.currentMonthNumber=t.month(),this.nextMonthNumber=t.clone().add(1,"month").month(),this.currentMonth=f(this.currentMonthNumber),this.nextMonth=f(this.nextMonthNumber),0===this.nextMonthNumber&&"PREVIOUS"===e?this.currentYearNumber--:11===this.currentMonthNumber&&"NEXT"===e?this.nextYearNumber++:0===this.currentMonthNumber&&"NEXT"===e?this.currentYearNumber++:11===this.nextMonthNumber&&"PREVIOUS"===e?this.nextYearNumber--:this.nextYearNumber=this.currentYearNumber,this.currentMonthDates=this.generateDates(this.currentMonthNumber,this.currentYearNumber),this.nextMonthDates=this.generateDates(this.nextMonthNumber,this.nextYearNumber),this.calculateMinMaxDays()},e.prototype.generateDates=function(e,t){for(var a,r,i,o,d,c,s,p,l,g,_,y,f,u,k,m,b,v,w=this,x=[],D=n.parseZone().year(t).month(e).daysInMonth(),M=function(n){var D=h().year(t).month(e).date(n),M=D.format(N.data.dpConfig.format),C=N.data.datesDisabled.some((function(e){return e===M})),S=N.parseZoneInstance(N.data.dpConfig.minDate,N.data.dpConfig.format);if(!C&&S.isValid()){var I=N.parseZoneInstance().year(t).month(e).date(n);C=S.isAfter(I,"day")}var Y=N.parseZoneInstance(N.data.dpConfig.maxDate,N.data.dpConfig.format);!C&&Y.isValid()&&(C=Y.isBefore(D,"day"));var O=N.parseZoneInstance().year(t).month(e).date(n).format(N.data.dpConfig.format)===N.parseZoneInstance().format(N.data.dpConfig.format),L=!C&&null!==(r=null===(a=N.localSelectedDates)||void 0===a?void 0:a.startDate)&&void 0!==r&&r&&D.format(N.data.dpConfig.format)===(null===(i=N.localSelectedDates)||void 0===i?void 0:i.startDate),R=h(D,null===(d=null===(o=N.data)||void 0===o?void 0:o.dpConfig)||void 0===d?void 0:d.format).startOf("day").isAfter(h(N.localSelectedDates.startDate,null===(s=null===(c=N.data)||void 0===c?void 0:c.dpConfig)||void 0===s?void 0:s.format).startOf("day"),"day"),E=h(D,null===(l=null===(p=N.data)||void 0===p?void 0:p.dpConfig)||void 0===l?void 0:l.format).startOf("day").isBefore(h(N.localSelectedDates.endDate,null===(_=null===(g=N.data)||void 0===g?void 0:g.dpConfig)||void 0===_?void 0:_.format).startOf("day"),"day"),Z=null!==(y=N.localSelectedDates.startDate)&&void 0!==y&&y&&null!==(f=N.localSelectedDates.endDate)&&void 0!==f&&f&&R&&E,j=!C&&null!==(m=(null===(u=N.localSelectedDates)||void 0===u?void 0:u.startDate)&&(null===(k=N.localSelectedDates)||void 0===k?void 0:k.endDate))&&void 0!==m&&m&&D.format(N.data.dpConfig.format)===(null===(b=N.localSelectedDates)||void 0===b?void 0:b.endDate);x.push({date:n,weekDay:D.day(),isCurrentDay:O,isSelectedStartDay:L,isSelectedEndDay:j,inRangeDay:Z,toastMessage:(null===(v=N.data.messages.find((function(e){return D.format(w.data.dpConfig.format)===e.date})))||void 0===v?void 0:v.message)||"",isDisabledDay:C})},N=this,C=1;C<=D;C++)M(C);for(var S=x[0].weekDay;S>0;S--)x.unshift({date:0,weekDay:S-1});return x},e.prototype.selectDay=function(e,t){if(!(t.date<=0)){if(!t.isDisabledDay){if(this.selectionStarted){var a=n.parseZone().year("LEFT"===e?this.currentYearNumber:this.nextYearNumber).month("LEFT"===e?this.currentMonthNumber:this.nextMonthNumber).date(t.date);if(a.isBefore(this.localSelectedDates.startDate,"day"))return this.localSelectedDates={startDate:a.format(this.data.dpConfig.format),endDate:null},this.currentMonthDates=this.generateDates(this.currentMonthNumber,this.currentYearNumber),void(this.nextMonthDates=this.generateDates(this.nextMonthNumber,this.nextYearNumber));this.selectionStarted=!1,this.localSelectedDates=Object.assign(Object.assign({},this.localSelectedDates),{endDate:a.format(this.data.dpConfig.format)})}else this.selectionStarted=!0,this.localSelectedDates={startDate:n.parseZone().year("LEFT"===e?this.currentYearNumber:this.nextYearNumber).month("LEFT"===e?this.currentMonthNumber:this.nextMonthNumber).date(t.date).format(this.data.dpConfig.format),endDate:null};this.currentMonthDates=this.generateDates(this.currentMonthNumber,this.currentYearNumber),this.nextMonthDates=this.generateDates(this.nextMonthNumber,this.nextYearNumber),this.isDatesValid=!1,this.localSelectedDates.startDate&&this.localSelectedDates.endDate&&(this.isDatesValid=!0)}t.toastMessage&&this.toast.displayMsg(t.toastMessage,4e3)}},e.prototype.applyDates=function(){this.data.dateChange(this.localSelectedDates)},e.prototype.cancelDatePicker=function(){this.data.close()},e}();u.decorators=[{type:t.Component,args:[{selector:"mis-tz-drp",template:'<div class="daterangepicker-container">\n  <div class="daterangepicker-container__view">\n    <div class="datepicker__left">\n      <div class="daterangepicker-container__header__prabu">\n        <div\n          class="daterangepicker-container__arrow__icon"\n          (click)="!isPreviousMonthDisabled && navigateMonth(\'PREVIOUS\')"\n          [ngClass]="{\n            \'disabled-month\': isPreviousMonthDisabled\n          }"\n        >\n          <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n            <path\n              d="M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z"\n              fill="#181F33"\n            ></path>\n          </svg>\n        </div>\n        <span> {{ currentMonth }} {{ currentYearNumber }} </span>\n        <div></div>\n        \x3c!-- Button visible in mobile view --\x3e\n        <div\n          class="daterangepicker-container__arrow__icon mobile_view"\n          (click)="!isNextMonthDisabled && navigateMonth(\'NEXT\')"\n          [ngClass]="{\n            \'disabled-month\': isNextMonthDisabled\n          }"\n        >\n          <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n            <path\n              d="M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z"\n              fill="#181F33"\n            ></path>\n          </svg>\n        </div>\n      </div>\n      <div class="daterangepicker-container__body">\n        <div class="daterangepicker-container__weekdays">\n          <div class="daterangepicker-container__weekday" *ngFor="let weekDay of weekDays">\n            <span>{{ weekDay.label }}</span>\n          </div>\n        </div>\n        <div class="daterangepicker-container__days">\n          <div\n            class="daterangepicker-container__day"\n            [ngClass]="{\n              \'selected-same-day\': day.isSelectedStartDay && day.isSelectedEndDay,\n              \'selected-start-day\': day.isSelectedStartDay,\n              \'selected-end-day\': day.isSelectedEndDay,\n              \'disabled-day\': day.isDisabledDay,\n              \'in-range-day\': day.inRangeDay,\n              \'is-valid-date\': day.date > 0 && !(day.isSelectedStartDay && day.isSelectedEndDay)\n            }"\n            *ngFor="let day of currentMonthDates"\n            (click)="selectDay(\'LEFT\', day)"\n          >\n            <span *ngIf="day.date > 0">\n              {{ day.date }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class="datepicker__right">\n      <div class="daterangepicker-container__header__prabu">\n        <div></div>\n        <span> {{ nextMonth }} {{ nextYearNumber }} </span>\n        <div\n          class="daterangepicker-container__arrow__icon pc_view"\n          (click)="!isNextMonthDisabled && navigateMonth(\'NEXT\')"\n          [ngClass]="{\n            \'disabled-month\': isNextMonthDisabled\n          }"\n        >\n          <svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n            <path\n              d="M19.7071 8.70711C20.0976 8.31658 20.0976 7.68342 19.7071 7.29289L13.3431 0.928933C12.9526 0.538409 12.3195 0.538409 11.9289 0.928933C11.5384 1.31946 11.5384 1.95262 11.9289 2.34315L17.5858 8L11.9289 13.6569C11.5384 14.0474 11.5384 14.6805 11.9289 15.0711C12.3195 15.4616 12.9526 15.4616 13.3431 15.0711L19.7071 8.70711ZM-8.74228e-08 9L19 9L19 7L8.74228e-08 7L-8.74228e-08 9Z"\n              fill="#181F33"\n            ></path>\n          </svg>\n        </div>\n      </div>\n      <div class="daterangepicker-container__body">\n        <div class="daterangepicker-container__weekdays">\n          <div class="daterangepicker-container__weekday" *ngFor="let weekDay of weekDays">\n            <span>{{ weekDay.label }}</span>\n          </div>\n        </div>\n        <div class="daterangepicker-container__days">\n          <div\n            class="daterangepicker-container__day"\n            [ngClass]="{\n              \'selected-same-day\': day.isSelectedStartDay && day.isSelectedEndDay,\n              \'selected-start-day\': day.isSelectedStartDay,\n              \'selected-end-day\': day.isSelectedEndDay,\n              \'disabled-day\': day.isDisabledDay,\n              \'in-range-day\': day.inRangeDay,\n              \'is-valid-date\': day.date > 0 && !(day.isSelectedStartDay && day.isSelectedEndDay)\n            }"\n            *ngFor="let day of nextMonthDates"\n            (click)="selectDay(\'RIGHT\', day)"\n          >\n            <span *ngIf="day.date > 0">\n              {{ day.date }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class="daterangepicker__footer">\n    <button mis-button type="none" id=\'mobile-footer-btn\' (click)="cancelDatePicker()">Cancel</button>\n    <button mis-button type="primary" id="mobile-footer-btn" (click)="applyDates()" [disabled]="!isDatesValid">Apply</button>\n  </div>\n</div>',styles:[":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.daterangepicker-container{background:#fff;border:1px solid #e0e0e0;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:12px;display:flex;flex-direction:column;font-family:Lato;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width:900px){.daterangepicker-container{max-width:100vw;border:none}}.daterangepicker-container .daterangepicker-container__view{display:flex;gap:24px;padding:16px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view{flex-direction:column;align-items:center;position:fixed;bottom:0;left:0;background-color:#fff;width:100%;max-height:68vh;overflow-y:auto;border-radius:30px;gap:24px;padding:10% 0 30%;box-shadow:0 -4px 8px 10000px rgba(0,0,0,.12);scrollbar-width:none;-ms-overflow-style:none}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__view::-webkit-scrollbar{display:none}}.daterangepicker-container .daterangepicker-container__view .datepicker__left,.daterangepicker-container .daterangepicker-container__view .datepicker__right{display:flex;flex-direction:column}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .datepicker__left,.daterangepicker-container .daterangepicker-container__view .datepicker__right{width:90%}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu{display:flex;height:32px;justify-content:space-between;align-items:center;width:100%;padding-bottom:10%}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu span{font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.2px;text-align:center}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu span{margin:0 auto;font-size:4vw}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon{height:20px;width:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:4px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon.disabled-month{opacity:.5;cursor:not-allowed}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon:not(.disabled-month):hover{cursor:pointer;background-color:#cbddfb}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon:first-child{transform:rotate(180deg)}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .daterangepicker-container__arrow__icon{width:7%}}@media only screen and (min-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .mobile_view{display:none}}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu .pc_view{display:none}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body{height:100%;width:252px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body{width:100%}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays{width:100%;display:flex;padding-bottom:10px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays{display:flex;flex-direction:row;flex-wrap:wrap;flex:0 0 calc(100% / 7)}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday{width:36px;height:18px;text-align:center}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday{margin:0 auto}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday span{font-size:12px;font-style:normal;font-weight:400;line-height:18px;letter-spacing:.2px;text-align:center;color:#6a737d}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday span{font-size:3vw}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday span.current-day{font-weight:700;letter-spacing:.25px;color:#181f33}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days{display:flex;flex-wrap:wrap}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days{display:flex;flex-direction:row;flex-wrap:wrap;flex:0 0 calc(100% / 7)}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day{width:36px;height:36px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day{flex:0 0 calc(100% / 7);width:calc(100% / 7);height:calc(100% / 7);aspect-ratio:1}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day:not(.in-range-day):not(.selected-start-day):not(.selected-end-day){border-radius:4px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.disabled-day{cursor:default}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.disabled-day:hover{background-color:transparent}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.disabled-day>span{color:#6a737d}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.is-valid-date:not(.disabled-day):not(.selected-start-day):not(.selected-end-day)>span{color:#181f33}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day.is-valid-date:not(.disabled-day):not(.selected-start-day):not(.selected-end-day):hover{background-color:#cbddfb;cursor:pointer}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span{font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.2px;text-align:center;color:#181f33}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span{font-size:3.4vw}}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span.current-day{font-weight:700;letter-spacing:.25px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span.selected-day{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .daterangepicker-container__day span.disabled-day{color:#6a737d}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-same-day{background-color:#0937b2;border-radius:50%!important}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-same-day>span{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-start-day{background-color:#0937b2;border-radius:20px 4px 4px 20px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-start-day>span{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-end-day{background-color:#0937b2;border-radius:0 20px 20px 0}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .selected-end-day>span{color:#fff}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__days .in-range-day:not(.disabled-day){background-color:#cbddfb}.daterangepicker-container .daterangepicker__footer{display:flex;justify-content:flex-end;border-top:1px solid #e0e0e0;padding:16px 24px;gap:24px}@media only screen and (max-width:900px){.daterangepicker-container .daterangepicker__footer{justify-content:space-evenly;padding:2% 0;background-color:#fff;position:fixed;bottom:0;left:0;width:100%;height:8vh;border-top:2px solid #c8cdd3}.daterangepicker-container .daterangepicker__footer #mobile-footer-btn{width:36%;font-size:4.4vw}}"]}]}],u.ctorParameters=function(){return[{type:void 0,decorators:[{type:t.Inject,args:[_]}]},{type:r.ToastService}]};var k=function(){function e(e,a,n,r){this.control=e,this.element=a,this.overlay=n,this.viewContainerRef=r,this.dpConfig={format:y,minDate:"",maxDate:""},this.dateMessages=[],this.positionX="center",this.positionY="bottom",this.offsetX=0,this.offsetY=0,this.dateChange=new t.EventEmitter(!0),this.isOpen=!1,this.dpDisabledDates=[]}return Object.defineProperty(e.prototype,"selectedDates",{set:function(e){this.dates=Object.assign({startDate:null,endDate:null},e)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"datesDisabled",{set:function(e){this.dpDisabledDates=e},enumerable:!1,configurable:!0}),e.prototype.toggleDatePicker=function(){this.isOpen?this.close():this.open()},e.prototype.open=function(){var e,a=this;this.isOpen=!0;var n=this.overlay.position().flexibleConnectedTo(this.element).withPositions(p.genPositionPairs({positionX:this.positionX,positionY:this.positionY,offsetX:this.offsetX,offsetY:this.offsetY},!0)).withPush(!0),r=new o.OverlayConfig({hasBackdrop:!0,positionStrategy:n,scrollStrategy:this.overlay.scrollStrategies.reposition(),backdropClass:"cdk-overlay-transparent-backdrop"});this.overlayRef=this.overlay.create(r);var i=new d.ComponentPortal(u,this.viewContainerRef,t.Injector.create({providers:[{provide:_,useValue:{messages:this.dateMessages,dates:(null===(e=this.control)||void 0===e?void 0:e.control.value)||this.dates,dpConfig:this.dpConfig,datesDisabled:this.dpDisabledDates,dateChange:this.applyDate.bind(this),close:this.close.bind(this)}}]}));this.overlayRef.attach(i),this.overlayRef.backdropClick().pipe(s.take(1)).subscribe((function(){a.close()}))},e.prototype.applyDate=function(e){var t;this.dateChange.emit(e),null===(t=this.control)||void 0===t||t.control.patchValue(e),this.dates=e,this.close()},e.prototype.close=function(){this.isOpen=!1,this.overlayRef.detach(),this.overlayRef.dispose()},e}();k.decorators=[{type:t.Directive,args:[{selector:"input[misTzDrp]"}]}],k.ctorParameters=function(){return[{type:c.NgControl,decorators:[{type:t.Self},{type:t.Optional}]},{type:t.ElementRef},{type:o.Overlay},{type:t.ViewContainerRef}]},k.propDecorators={dpConfig:[{type:t.Input}],selectedDates:[{type:t.Input}],datesDisabled:[{type:t.Input}],dateMessages:[{type:t.Input}],positionX:[{type:t.Input}],positionY:[{type:t.Input}],offsetX:[{type:t.Input}],offsetY:[{type:t.Input}],dateChange:[{type:t.Output}],toggleDatePicker:[{type:t.HostListener,args:["click"]}]};var m=function(){};m.decorators=[{type:t.NgModule,args:[{declarations:[u,k],imports:[a.CommonModule,o.OverlayModule,r.ToastModule.forRoot(),l.ButtonModule.forRoot()],exports:[u,k],entryComponents:[u]}]}],e.DateRangepickerModuleV2=m,e.TzDaterangepickerDirective=k,e.ɵb=u,e.ɵc=_,Object.defineProperty(e,"__esModule",{value:!0})}));
-//# sourceMappingURL=mis-crystal-design-system-daterangepicker_v2.umd.min.js.map

package/bundles/mis-crystal-design-system-daterangepicker_v2.umd.min.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../projects/mis-components/daterangepicker_v2/daterangepicker-constants.ts","../../../projects/mis-components/daterangepicker_v2/utils/index.ts","../../../projects/mis-components/daterangepicker_v2/tz-drp-container/tz-drp-container.component.ts","../../../projects/mis-components/daterangepicker_v2/tz-daterangepicker.directive.ts","../../../projects/mis-components/daterangepicker_v2/daterangepicker.module.ts"],"names":["CONTAINER_DATA","InjectionToken","DATE_FORMAT","getMonth","index","month","TzDrpContainerComponent","data","toast","_this","this","parseZoneInstance","args","_i","arguments","length","tz","dpConfig","timezone","rawWeekDays","weekDays","currentMonthDates","nextMonthDates","isPreviousMonthDisabled","isNextMonthDisabled","selectionStarted","isDatesValid","localSelectedDates","dates","startDate","endDate","_b","_a","currentMonthNumber","nextMonthNumber","add","currentMonth","nextMonth","currentYearNumber","year","nextYearNumber","map","day","label","slice","toLowerCase","isCurrentDay","_d","_c","format","Object","assign","prototype","ngOnInit","currentDateInstance","calculateMinMaxDays","generateDates","selectedStartDate","isValid","get","currentInstance","minDate","isSameOrAfter","maxDate","isSameOrBefore","navigateMonth","direction","thisMonth","parseZone","subtract","clone","daysInMonth","currentDate","date","moment","dateString","this_1","isDisabledDay","datesDisabled","some","d","Date","isAfter","isBefore","isSelectedStartDay","isAfterSelectedStartDate","_e","startOf","_g","_f","isBeforeSelectedEndDate","_j","_h","_l","_k","inRangeDay","_m","_o","isSelectedEndDay","_p","_q","_r","_s","push","weekDay","toastMessage","_t","messages","find","q","message","i","unshift","selectDay","from","momentDay","displayMsg","applyDates","dateChange","cancelDatePicker","close","Component","selector","template","Inject","ToastService","TzDaterangepickerDirective","control","element","overlay","viewContainerRef","dateMessages","positionX","positionY","offsetX","offsetY","EventEmitter","isOpen","dpDisabledDates","defineProperty","toggleDatePicker","open","positionStrategy","position","flexibleConnectedTo","withPositions","genPositionPairs","withPush","config","OverlayConfig","hasBackdrop","scrollStrategy","scrollStrategies","reposition","backdropClass","overlayRef","create","tempRef","ComponentPortal","Injector","providers","provide","useValue","value","applyDate","bind","attach","backdropClick","pipe","take","subscribe","emit","patchValue","detach","dispose","Directive","NgControl","decorators","type","Self","Optional","ElementRef","Overlay","ViewContainerRef","Input","Output","HostListener","NgModule","declarations","imports","CommonModule","OverlayModule","ToastModule","forRoot","ButtonModule","exports","entryComponents"],"mappings":"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","sourcesContent":["/** @format */\n\nimport { InjectionToken } from \"@angular/core\";\n\nexport const CONTAINER_DATA = new InjectionToken<{}>(\"CONTAINER_DATA\");\nexport const DATE_FORMAT = \"DD-MM-YYYY\";\n","import { ICurrentMonth } from \"../models/drp-config.model\";\n\nexport const getMonth = (index: number): ICurrentMonth => {\n  let month;\n  switch (index) {\n    case 0:\n      month = \"January\";\n      break;\n    case 1:\n      month = \"February\";\n      break;\n    case 2:\n      month = \"March\";\n      break;\n    case 3:\n      month = \"April\";\n      break;\n    case 4:\n      month = \"May\";\n      break;\n    case 5:\n      month = \"June\";\n      break;\n    case 6:\n      month = \"July\";\n      break;\n    case 7:\n      month = \"August\";\n      break;\n    case 8:\n      month = \"September\";\n      break;\n    case 9:\n      month = \"October\";\n      break;\n    case 10:\n      month = \"November\";\n      break;\n    case 11:\n      month = \"December\";\n      break;\n    default:\n      break;\n  }\n  return month;\n};\n","import { Component, Inject, OnInit } from \"@angular/core\";\nimport { CONTAINER_DATA, DATE_FORMAT } from \"../daterangepicker-constants\";\nimport { ICurrentMonth, ICurrentMonthDates, IDatePickerData, IWeekDay, ISelectedDatesConfig } from \"../models/drp-config.model\";\nimport { parseZone, Moment, tz } from \"moment-timezone\";\nimport { getMonth } from \"../utils\";\nimport { ToastService } from \"mis-crystal-design-system/toast\";\nimport * as moment from \"moment\";\n\n@Component({\n  selector: \"mis-tz-drp\",\n  templateUrl: \"./tz-drp-container.component.html\",\n  styleUrls: [\"./tz-drp-container.component.scss\"]\n})\nexport class TzDrpContainerComponent implements OnInit {\n  data: IDatePickerData;\n  private parseZoneInstance = (...args) => {\n    return tz(args[0], args[1], this.data.dpConfig.timezone);\n  };\n  private rawWeekDays: string[] = [\"SUN\", \"MON\", \"TUE\", \"WED\", \"THU\", \"FRI\", \"SAT\"];\n  weekDays: IWeekDay[] = [];\n  currentMonthNumber: number;\n  currentMonth: ICurrentMonth;\n  currentYearNumber: number;\n  currentMonthDates: ICurrentMonthDates[] = [];\n  nextMonthNumber: number;\n  nextMonth: ICurrentMonth;\n  nextYearNumber: number;\n  nextMonthDates: ICurrentMonthDates[] = [];\n  isPreviousMonthDisabled: boolean = false;\n  isNextMonthDisabled: boolean = false;\n  selectionStarted = false;\n  localSelectedDates: ISelectedDatesConfig;\n  isDatesValid = false;\n  constructor(@Inject(CONTAINER_DATA) data: IDatePickerData, private toast: ToastService) {\n    this.data = data;\n    this.localSelectedDates = this.data.dates;\n    this.isDatesValid = false;\n    if (this.localSelectedDates.startDate && this.localSelectedDates.endDate) {\n      this.isDatesValid = true;\n    }\n    if (this.data?.dpConfig?.timezone) {\n      this.parseZoneInstance = (...args) => {\n        return tz(args[0], args[1], this.data.dpConfig.timezone);\n      };\n    }\n    this.currentMonthNumber = this.parseZoneInstance().month();\n    this.nextMonthNumber = this.parseZoneInstance().add(1, \"month\").month();\n    this.currentMonth = getMonth(this.currentMonthNumber);\n    this.nextMonth = getMonth(this.nextMonthNumber);\n    this.currentYearNumber = this.parseZoneInstance().year();\n    this.nextYearNumber = this.parseZoneInstance().add(1, \"month\").year();\n    this.weekDays = this.rawWeekDays.map((day, index) => ({\n      label: `${day[0]}${day.slice(1).toLowerCase()}`,\n      isCurrentDay: this.parseZoneInstance().day() === index\n    }));\n    if (!this.data?.dpConfig?.format) {\n      this.data.dpConfig = {\n        ...this.data.dpConfig,\n        format: DATE_FORMAT\n      };\n    }\n  }\n\n  ngOnInit(): void {\n    this.currentDateInstance();\n    this.calculateMinMaxDays();\n  }\n\n  private currentDateInstance(): void {\n    if (!this.localSelectedDates?.startDate) {\n      this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);\n      this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);\n      return;\n    }\n    const selectedStartDate = this.parseZoneInstance(this.localSelectedDates?.startDate, this.data.dpConfig.format);\n    if (selectedStartDate.isValid()) {\n      this.currentYearNumber = selectedStartDate.year();\n      this.nextYearNumber = selectedStartDate.add(1, \"month\").year();\n      this.currentMonthNumber = selectedStartDate.get(\"month\") - 1;\n      this.nextMonthNumber = selectedStartDate.add(1, \"month\").month() - 1;\n      if(this.currentMonthNumber === -1){\n        this.currentMonthNumber = 11\n      }\n      if(this.nextMonthNumber === -1){\n        this.nextMonthNumber = 11\n      }\n      this.currentMonth = getMonth(this.currentMonthNumber);\n      this.nextMonth = getMonth(this.nextMonthNumber);\n    }\n    this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);\n    this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);\n  }\n\n  private calculateMinMaxDays() {\n    const currentInstance = this.parseZoneInstance().year(this.currentYearNumber).month(this.currentMonthNumber);\n    const minDate = this.parseZoneInstance(this.data.dpConfig.minDate, this.data.dpConfig.format);\n    if (minDate.isValid()) {\n      this.isPreviousMonthDisabled = minDate.isSameOrAfter(currentInstance, \"month\");\n    }\n    const maxDate = this.parseZoneInstance(this.data.dpConfig.maxDate, this.data.dpConfig.format);\n    if (maxDate.isValid()) {\n      this.isNextMonthDisabled = maxDate.isSameOrBefore(currentInstance, \"month\");\n    }\n  }\n\n  navigateMonth(direction: \"NEXT\" | \"PREVIOUS\"): void {\n    let thisMonth: Moment = parseZone().year(this.currentYearNumber).month(this.currentMonthNumber);\n    if (direction === \"NEXT\") {\n     thisMonth = thisMonth.add(1, \"month\");\n    } else if (direction === \"PREVIOUS\") {\n     thisMonth = thisMonth.subtract(1, \"month\");\n    }\n    this.currentMonthNumber = thisMonth.month();\n    this.nextMonthNumber = thisMonth.clone().add(1, \"month\").month();\n    this.currentMonth = getMonth(this.currentMonthNumber);\n    this.nextMonth = getMonth(this.nextMonthNumber);\n    if (this.nextMonthNumber === 0 && direction === \"PREVIOUS\") {\n     this.currentYearNumber--;\n    } else if (this.currentMonthNumber === 11 && direction === \"NEXT\") {\n     this.nextYearNumber++;\n    }else if (this.currentMonthNumber === 0 && direction === \"NEXT\") {\n     this.currentYearNumber++;\n    } else if (this.nextMonthNumber === 11 && direction === \"PREVIOUS\") {\n     this.nextYearNumber--;\n    }else{\n     this.nextYearNumber = this.currentYearNumber;\n    }\n    this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);\n    this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);\n    this.calculateMinMaxDays();\n  }\n\n  private generateDates(month: number, currentYearNumber: number): ICurrentMonthDates[] {\n    let dates: ICurrentMonthDates[] = [];\n    const daysInMonth = parseZone().year(currentYearNumber).month(month).daysInMonth();\n    for (let currentDate = 1; currentDate <= daysInMonth; currentDate++) {\n      const date = moment().year(currentYearNumber).month(month).date(currentDate);\n      const dateString = date.format(this.data.dpConfig.format);\n      let isDisabledDay = this.data.datesDisabled.some(d => d === dateString);\n      const minDate = this.parseZoneInstance(this.data.dpConfig.minDate, this.data.dpConfig.format);\n      if (!isDisabledDay && minDate.isValid()) {\n        let Date = this.parseZoneInstance().year(currentYearNumber).month(month).date(currentDate);\n        isDisabledDay = minDate.isAfter(Date, \"day\");\n      }\n      const maxDate = this.parseZoneInstance(this.data.dpConfig.maxDate, this.data.dpConfig.format);\n      if (!isDisabledDay && maxDate.isValid()) {\n        isDisabledDay = maxDate.isBefore(date, \"day\");\n      }\n      const isCurrentDay =\n        this.parseZoneInstance().year(currentYearNumber).month(month).date(currentDate).format(this.data.dpConfig.format) ===\n        this.parseZoneInstance().format(this.data.dpConfig.format);\n      const isSelectedStartDay =\n        !isDisabledDay &&\n        (this.localSelectedDates?.startDate ?? false) &&\n        date.format(this.data.dpConfig.format) === this.localSelectedDates?.startDate;\n      const isAfterSelectedStartDate =  moment(date,this.data?.dpConfig?.format).startOf('day').isAfter(moment(this.localSelectedDates.startDate,this.data?.dpConfig?.format).startOf('day'), 'day');\n\n      const isBeforeSelectedEndDate = moment(date,this.data?.dpConfig?.format).startOf('day').isBefore(moment(this.localSelectedDates.endDate,this.data?.dpConfig?.format).startOf('day'), 'day');\n      const inRangeDay =\n        (this.localSelectedDates.startDate ?? false) &&\n        (this.localSelectedDates.endDate ?? false) &&\n        isAfterSelectedStartDate &&\n        isBeforeSelectedEndDate;\n      const isSelectedEndDay =\n        !isDisabledDay &&\n        ((this.localSelectedDates?.startDate && this.localSelectedDates?.endDate) ?? false) &&\n        date.format(this.data.dpConfig.format) === this.localSelectedDates?.endDate;\n      dates.push({\n        date: currentDate,\n        weekDay: date.day(),\n        isCurrentDay,\n        isSelectedStartDay,\n        isSelectedEndDay,\n        inRangeDay,\n        toastMessage: this.data.messages.find(q => date.format(this.data.dpConfig.format) === q.date)?.message || \"\",\n        isDisabledDay\n      });\n    }\n    for (let i = dates[0].weekDay; i > 0; i--) {\n      dates.unshift({ date: 0, weekDay: i - 1 });\n    }\n    return dates;\n  }\n\n  selectDay(from: \"LEFT\" | \"RIGHT\", day: ICurrentMonthDates) {\n    if (day.date <= 0) return;\n    if (!day.isDisabledDay) {\n      if (this.selectionStarted) {\n       \n        const momentDay = parseZone()\n          .year(from === \"LEFT\" ? this.currentYearNumber : this.nextYearNumber)\n          .month(from === \"LEFT\" ? this.currentMonthNumber : this.nextMonthNumber)\n          .date(day.date);\n        if (momentDay.isBefore(this.localSelectedDates.startDate, \"day\")) {\n          this.localSelectedDates = {\n            startDate: momentDay.format(this.data.dpConfig.format),\n            endDate: null\n          };\n\n          this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);\n          this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);\n          return;\n        }\n        this.selectionStarted = false;\n        this.localSelectedDates = {\n          ...this.localSelectedDates,\n          endDate: momentDay.format(this.data.dpConfig.format)\n        };\n      } else {\n        this.selectionStarted = true;\n        this.localSelectedDates = {\n          startDate: parseZone()\n            .year(from === \"LEFT\" ? this.currentYearNumber : this.nextYearNumber)\n            .month(from === \"LEFT\" ? this.currentMonthNumber : this.nextMonthNumber)\n            .date(day.date)\n            .format(this.data.dpConfig.format),\n          endDate: null\n        };\n      }\n      this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);\n      this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);\n      this.isDatesValid = false;\n      if (this.localSelectedDates.startDate && this.localSelectedDates.endDate) {\n        this.isDatesValid = true;\n      }\n    }\n    if (day.toastMessage) {\n      this.toast.displayMsg(day.toastMessage, 4000);\n    }\n  }\n  applyDates() {\n    this.data.dateChange(this.localSelectedDates);\n  }\n  cancelDatePicker() {\n    this.data.close();\n  }\n}\n","import { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { Directive, ElementRef, EventEmitter, HostListener, Injector, Input, Optional, Output, Self, ViewContainerRef } from \"@angular/core\";\nimport { NgControl } from \"@angular/forms\";\nimport { take } from \"rxjs/operators\";\nimport { genPositionPairs } from \"mis-crystal-design-system/utils\";\nimport { CONTAINER_DATA, DATE_FORMAT } from \"./daterangepicker-constants\";\nimport { IDatePickerConfig, IDatePickerToastText, ISelectedDatesConfig } from \"./models/drp-config.model\";\nimport { TzDrpContainerComponent } from \"./tz-drp-container/tz-drp-container.component\";\n\n@Directive({\n  selector: \"input[misTzDrp]\"\n})\nexport class TzDaterangepickerDirective {\n  @Input() dpConfig: Partial<IDatePickerConfig> = {\n    format: DATE_FORMAT,\n    minDate: \"\",\n    maxDate: \"\"\n  };\n  // dd-mm-yyyy 01-12-2022\n  @Input() set selectedDates(dates: ISelectedDatesConfig) {\n    this.dates = { startDate: null, endDate: null, ...dates };\n  }\n  @Input() set datesDisabled(dates: string[]) {\n    this.dpDisabledDates = dates;\n  }\n  @Input() dateMessages: IDatePickerToastText[] = [];\n  @Input() positionX: \"start\" | \"center\" | \"end\" = \"center\";\n  @Input() positionY: \"top\" | \"center\" | \"bottom\" = \"bottom\";\n  @Input() offsetX: number = 0;\n  @Input() offsetY: number = 0;\n  private overlayRef: OverlayRef;\n  @Output() dateChange = new EventEmitter<ISelectedDatesConfig>(true);\n  private isOpen = false;\n  dates: ISelectedDatesConfig;\n\n  private dpDisabledDates: string[] = [];\n\n  constructor(\n    @Self() @Optional() private control: NgControl,\n    private element: ElementRef,\n    private overlay: Overlay,\n    private viewContainerRef: ViewContainerRef\n  ) {}\n\n  @HostListener(\"click\")\n  toggleDatePicker() {\n    if (this.isOpen) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  private open() {\n    this.isOpen = true;\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(this.element)\n      .withPositions(\n        genPositionPairs(\n          {\n            positionX: this.positionX,\n            positionY: this.positionY,\n            offsetX: this.offsetX,\n            offsetY: this.offsetY\n          },\n          true\n        )\n      )\n      .withPush(true);\n    const config = new OverlayConfig({\n      hasBackdrop: true,\n      positionStrategy,\n      scrollStrategy: this.overlay.scrollStrategies.reposition(),\n      backdropClass: \"cdk-overlay-transparent-backdrop\"\n    });\n    this.overlayRef = this.overlay.create(config);\n    const tempRef = new ComponentPortal(\n      TzDrpContainerComponent,\n      this.viewContainerRef,\n      Injector.create({\n        providers: [\n          {\n            provide: CONTAINER_DATA,\n            useValue: {\n              messages: this.dateMessages,\n              dates: this.control?.control.value || this.dates,\n              dpConfig: this.dpConfig,\n              datesDisabled: this.dpDisabledDates,\n              dateChange: this.applyDate.bind(this),\n              close: this.close.bind(this)\n            }\n          }\n        ]\n      })\n    );\n    this.overlayRef.attach(tempRef);\n    this.overlayRef\n      .backdropClick()\n      .pipe(take(1))\n      .subscribe(() => {\n        this.close();\n      });\n  }\n\n  applyDate(dates: ISelectedDatesConfig) {\n    this.dateChange.emit(dates);\n    this.control?.control.patchValue(dates);\n    this.dates = dates;\n    this.close();\n  }\n\n  close() {\n    this.isOpen = false;\n    this.overlayRef.detach();\n    this.overlayRef.dispose();\n  }\n}\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { TzDrpContainerComponent } from \"./tz-drp-container/tz-drp-container.component\";\nimport { TzDaterangepickerDirective } from \"./tz-daterangepicker.directive\";\nimport { ToastModule } from \"mis-crystal-design-system/toast\";\nimport { ButtonModule } from \"mis-crystal-design-system/button\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\n\n@NgModule({\n  declarations: [TzDrpContainerComponent, TzDaterangepickerDirective],\n  imports: [CommonModule, OverlayModule, ToastModule.forRoot(), ButtonModule.forRoot()],\n  exports: [TzDrpContainerComponent, TzDaterangepickerDirective],\n  entryComponents: [TzDrpContainerComponent]\n})\nexport class DateRangepickerModuleV2 {}\n"]}

package/bundles/mis-crystal-design-system-drawer.umd.js

@@ -1,169 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/core'), require('rxjs/operators'), require('@angular/animations'), require('rxjs'), require('@angular/common')) :
-    typeof define === 'function' && define.amd ? define('mis-crystal-design-system/drawer', ['exports', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/core', 'rxjs/operators', '@angular/animations', 'rxjs', '@angular/common'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mis-crystal-design-system'] = global['mis-crystal-design-system'] || {}, global['mis-crystal-design-system'].drawer = {}), global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.core, global.rxjs.operators, global.ng.animations, global.rxjs, global.ng.common));
-}(this, (function (exports, i1, portal, i0, operators, animations, rxjs, common) { 'use strict';
-
-    /** @format */
-    var DrawerRef = /** @class */ (function () {
-        function DrawerRef(overlay) {
-            this.overlay = overlay;
-            this._isExpanded = false;
-            this.afterClosed$ = new rxjs.Subject();
-            this.afterClosed = this.afterClosed$.asObservable();
-        }
-        Object.defineProperty(DrawerRef.prototype, "isExpanded", {
-            get: function () {
-                return this._isExpanded;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        DrawerRef.prototype.close = function (data) {
-            this.overlay.detach();
-            this.overlay.dispose();
-            this.afterClosed$.next(data);
-            this.afterClosed$.complete();
-        };
-        DrawerRef.prototype.expand = function () {
-            this.overlay.updateSize({ width: "100%" });
-            this._isExpanded = true;
-        };
-        DrawerRef.prototype.collapse = function () {
-            this.overlay.updateSize({ width: "422px" });
-            this._isExpanded = false;
-        };
-        return DrawerRef;
-    }());
-
-    /** @format */
-    var DrawerBodyComponent = /** @class */ (function () {
-        function DrawerBodyComponent(cfr) {
-            this.cfr = cfr;
-        }
-        DrawerBodyComponent.prototype.bindComponent = function (type, injector) {
-            this.initComponent(type, injector);
-        };
-        DrawerBodyComponent.prototype.initComponent = function (type, injector) {
-            this.drawerPortal = new portal.ComponentPortal(type, this.place, injector);
-        };
-        DrawerBodyComponent.prototype.createInjector = function (ref, inj) {
-            var injectorTokens = new WeakMap([[DrawerRef, ref]]);
-            return new portal.PortalInjector(inj, injectorTokens);
-            // return Injector.create({ providers: [{ provide: inj, useValue: injectorTokens }] });
-        };
-        return DrawerBodyComponent;
-    }());
-    DrawerBodyComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: "mis-drawer-body",
-                    template: "<!-- @format -->\n\n<div class=\"mis-drawer-body\" #place @slideInOut>\n  <ng-template [cdkPortalOutlet]=\"drawerPortal\"></ng-template>\n</div>\n",
-                    animations: [
-                        animations.trigger("slideInOut", [
-                            animations.transition(":enter", [animations.style({ transform: "translateX(100%)" }), animations.animate("200ms ease-out", animations.style({ transform: "translateX(0%)" }))]),
-                            animations.transition(":leave", [animations.animate("200ms ease-out", animations.style({ transform: "translateX(100%)" }))])
-                        ])
-                    ],
-                    styles: [".mis-drawer-body{display:block;width:100%;height:100%}"]
-                },] }
-    ];
-    DrawerBodyComponent.ctorParameters = function () { return [
-        { type: i0.ComponentFactoryResolver }
-    ]; };
-    DrawerBodyComponent.propDecorators = {
-        place: [{ type: i0.ViewChild, args: ["place", { static: false, read: i0.ViewContainerRef },] }]
-    };
-
-    /** @format */
-    var DRAWER_DATA_VAR = new i0.InjectionToken("MISDrawerDataInjectionToken");
-
-    /** @format */
-    var DrawerService = /** @class */ (function () {
-        function DrawerService(overlay, injector) {
-            this.overlay = overlay;
-            this.injector = injector;
-        }
-        DrawerService.prototype.show = function (component, data, options) {
-            var positionStrategy = this.overlay.position().global().top("0px").right("0px");
-            var _b = options || {}, _c = _b.width, width = _c === void 0 ? "422px" : _c, _d = _b.height, height = _d === void 0 ? "100%" : _d;
-            var config = new i1.OverlayConfig({
-                hasBackdrop: true,
-                positionStrategy: positionStrategy,
-                scrollStrategy: this.overlay.scrollStrategies.noop(),
-                width: width,
-                height: height,
-                panelClass: "mis-drawer",
-                backdropClass: "mis-drawer-overlay"
-            });
-            var overlayRef = this.overlay.create(config);
-            this.drawerRef = new DrawerRef(overlayRef);
-            var injector = this.createInjector(this.drawerRef, this.injector, data);
-            var portal$1 = new portal.ComponentPortal(DrawerBodyComponent, null);
-            this.componentInstance = overlayRef.attach(portal$1);
-            this.componentInstance.instance.bindComponent(component, injector);
-            overlayRef.backdropClick().pipe(operators.take(1)).subscribe(this.hide.bind(this));
-            return this.drawerRef;
-        };
-        DrawerService.prototype.hide = function () {
-            var _a;
-            (_a = this.drawerRef) === null || _a === void 0 ? void 0 : _a.close();
-        };
-        DrawerService.prototype.createInjector = function (ref, inj, data) {
-            var injectorTokens = new WeakMap();
-            injectorTokens.set(DrawerRef, ref);
-            injectorTokens.set(DRAWER_DATA_VAR, data);
-            return new portal.PortalInjector(inj, injectorTokens);
-            // return Injector.create({ providers: [{ provide: inj, useValue: injectorTokens }] });
-        };
-        return DrawerService;
-    }());
-    DrawerService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DrawerService_Factory() { return new DrawerService(i0.ɵɵinject(i1.Overlay), i0.ɵɵinject(i0.INJECTOR)); }, token: DrawerService, providedIn: "root" });
-    DrawerService.decorators = [
-        { type: i0.Injectable, args: [{
-                    providedIn: "root"
-                },] }
-    ];
-    DrawerService.ctorParameters = function () { return [
-        { type: i1.Overlay },
-        { type: i0.Injector }
-    ]; };
-
-    var DrawerModule = /** @class */ (function () {
-        function DrawerModule() {
-        }
-        DrawerModule.forRoot = function () {
-            return {
-                ngModule: DrawerModule,
-                providers: [DrawerService]
-            };
-        };
-        DrawerModule.forChild = function () {
-            return {
-                ngModule: DrawerModule,
-                providers: [DrawerService]
-            };
-        };
-        return DrawerModule;
-    }());
-    DrawerModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [DrawerBodyComponent],
-                    imports: [common.CommonModule, i1.OverlayModule, portal.PortalModule],
-                    entryComponents: [DrawerBodyComponent]
-                },] }
-    ];
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.DRAWER_DATA_VAR = DRAWER_DATA_VAR;
-    exports.DrawerModule = DrawerModule;
-    exports.DrawerRef = DrawerRef;
-    exports.DrawerService = DrawerService;
-    exports.ɵa = DrawerBodyComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=mis-crystal-design-system-drawer.umd.js.map

package/bundles/mis-crystal-design-system-drawer.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mis-crystal-design-system-drawer.umd.js","sources":["../../../projects/mis-components/drawer/drawer-ref.ts","../../../projects/mis-components/drawer/drawer-body/drawer-body.component.ts","../../../projects/mis-components/drawer/drawer-constants.ts","../../../projects/mis-components/drawer/drawer.service.ts","../../../projects/mis-components/drawer/drawer.module.ts","../../../projects/mis-components/drawer/mis-crystal-design-system-drawer.ts"],"sourcesContent":["/** @format */\n\nimport { OverlayRef } from \"@angular/cdk/overlay\";\nimport { Injectable } from \"@angular/core\";\nimport { Subject } from \"rxjs\";\n\nexport class DrawerRef {\n  private _isExpanded = false;\n  private afterClosed$ = new Subject<any>();\n  afterClosed = this.afterClosed$.asObservable();\n  get isExpanded(): boolean {\n    return this._isExpanded;\n  }\n  constructor(public overlay: OverlayRef) {}\n\n  close(data?: any): void {\n    this.overlay.detach();\n    this.overlay.dispose();\n    this.afterClosed$.next(data);\n    this.afterClosed$.complete();\n  }\n\n  expand(): void {\n    this.overlay.updateSize({ width: \"100%\" });\n    this._isExpanded = true;\n  }\n\n  collapse(): void {\n    this.overlay.updateSize({ width: \"422px\" });\n    this._isExpanded = false;\n  }\n}\n","/** @format */\n\nimport { trigger, transition, style, animate } from \"@angular/animations\";\nimport { ComponentPortal, PortalInjector } from \"@angular/cdk/portal\";\nimport { Component, ComponentFactoryResolver, Injector, OnInit, ViewChild, ViewContainerRef } from \"@angular/core\";\nimport { DrawerRef } from \"../drawer-ref\";\n\n@Component({\n  selector: \"mis-drawer-body\",\n  templateUrl: \"./drawer-body.component.html\",\n  styleUrls: [\"./drawer-body.component.scss\"],\n  animations: [\n    trigger(\"slideInOut\", [\n      transition(\":enter\", [style({ transform: \"translateX(100%)\" }), animate(\"200ms ease-out\", style({ transform: \"translateX(0%)\" }))]),\n      transition(\":leave\", [animate(\"200ms ease-out\", style({ transform: \"translateX(100%)\" }))])\n    ])\n  ]\n})\nexport class DrawerBodyComponent {\n  drawerPortal: ComponentPortal<any>;\n  constructor(private cfr: ComponentFactoryResolver) {}\n\n  @ViewChild(\"place\", { static: false, read: ViewContainerRef }) place: ViewContainerRef;\n\n  bindComponent(type: any, injector: PortalInjector) {\n    this.initComponent(type, injector);\n  }\n\n  private initComponent(type: any, injector: PortalInjector) {\n    this.drawerPortal = new ComponentPortal(type, this.place, injector);\n  }\n\n  private createInjector(ref: DrawerRef, inj: Injector): PortalInjector {\n    const injectorTokens = new WeakMap([[DrawerRef, ref]]);\n    return new PortalInjector(inj, injectorTokens);\n    // return Injector.create({ providers: [{ provide: inj, useValue: injectorTokens }] });\n  }\n}\n","/** @format */\n\nimport { InjectionToken } from \"@angular/core\";\n\nexport const DRAWER_DATA_VAR = new InjectionToken<any>(\"MISDrawerDataInjectionToken\");\n","/** @format */\n\nimport { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal, ComponentType, PortalInjector } from \"@angular/cdk/portal\";\nimport { ComponentRef, Injectable, Injector } from \"@angular/core\";\nimport { take } from \"rxjs/operators\";\nimport { DrawerBodyComponent } from \"./drawer-body/drawer-body.component\";\nimport { DrawerRef } from \"./drawer-ref\";\nimport { DRAWER_DATA_VAR } from \"./drawer-constants\";\n\n@Injectable({\n  providedIn: \"root\"\n})\nexport class DrawerService {\n  drawerRef: DrawerRef;\n  componentInstance: ComponentRef<any>;\n\n  constructor(private overlay: Overlay, private injector: Injector) {}\n\n  show<T, D>(component: ComponentType<T>, data?: D, options?: { width?: string; height?: string }): DrawerRef {\n    const positionStrategy = this.overlay.position().global().top(\"0px\").right(\"0px\");\n    const { width = \"422px\", height = \"100%\" } = options || {};\n    const config = new OverlayConfig({\n      hasBackdrop: true,\n      positionStrategy,\n      scrollStrategy: this.overlay.scrollStrategies.noop(),\n      width: width,\n      height,\n      panelClass: \"mis-drawer\",\n      backdropClass: \"mis-drawer-overlay\"\n    });\n    const overlayRef = this.overlay.create(config);\n    this.drawerRef = new DrawerRef(overlayRef);\n    const injector = this.createInjector(this.drawerRef, this.injector, data);\n    const portal = new ComponentPortal(DrawerBodyComponent, null);\n    this.componentInstance = overlayRef.attach(portal);\n    this.componentInstance.instance.bindComponent(component, injector);\n    overlayRef.backdropClick().pipe(take(1)).subscribe(this.hide.bind(this));\n    return this.drawerRef;\n  }\n\n  hide(): void {\n    this.drawerRef?.close();\n  }\n\n  private createInjector<D>(ref: DrawerRef, inj: Injector, data?: D): PortalInjector {\n    const injectorTokens = new WeakMap();\n    injectorTokens.set(DrawerRef, ref);\n    injectorTokens.set(DRAWER_DATA_VAR, data);\n    return new PortalInjector(inj, injectorTokens);\n    // return Injector.create({ providers: [{ provide: inj, useValue: injectorTokens }] });\n  }\n}\n","import { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { DrawerService } from \"./drawer.service\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\nimport { DrawerBodyComponent } from \"./drawer-body/drawer-body.component\";\nimport { PortalModule } from \"@angular/cdk/portal\";\n\n@NgModule({\n  declarations: [DrawerBodyComponent],\n  imports: [CommonModule, OverlayModule, PortalModule],\n  entryComponents: [DrawerBodyComponent]\n})\nexport class DrawerModule {\n  static forRoot(): ModuleWithProviders<DrawerModule> {\n    return {\n      ngModule: DrawerModule,\n      providers: [DrawerService]\n    };\n  }\n\n  static forChild(): ModuleWithProviders<DrawerModule> {\n    return {\n      ngModule: DrawerModule,\n      providers: [DrawerService]\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {DrawerBodyComponent as ɵa} from './drawer-body/drawer-body.component';"],"names":["Subject","ComponentPortal","PortalInjector","Component","trigger","transition","style","animate","ComponentFactoryResolver","ViewChild","ViewContainerRef","InjectionToken","OverlayConfig","portal","take","Injectable","Overlay","Injector","NgModule","CommonModule","OverlayModule","PortalModule"],"mappings":"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"}

package/bundles/mis-crystal-design-system-drawer.umd.min.js

@@ -1,2 +0,0 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/cdk/overlay"),require("@angular/cdk/portal"),require("@angular/core"),require("rxjs/operators"),require("@angular/animations"),require("rxjs"),require("@angular/common")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/drawer",["exports","@angular/cdk/overlay","@angular/cdk/portal","@angular/core","rxjs/operators","@angular/animations","rxjs","@angular/common"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["mis-crystal-design-system"]=e["mis-crystal-design-system"]||{},e["mis-crystal-design-system"].drawer={}),e.ng.cdk.overlay,e.ng.cdk.portal,e.ng.core,e.rxjs.operators,e.ng.animations,e.rxjs,e.ng.common)}(this,(function(e,t,r,o,n,a,i,s){"use strict";var l=function(){function e(e){this.overlay=e,this._isExpanded=!1,this.afterClosed$=new i.Subject,this.afterClosed=this.afterClosed$.asObservable()}return Object.defineProperty(e.prototype,"isExpanded",{get:function(){return this._isExpanded},enumerable:!1,configurable:!0}),e.prototype.close=function(e){this.overlay.detach(),this.overlay.dispose(),this.afterClosed$.next(e),this.afterClosed$.complete()},e.prototype.expand=function(){this.overlay.updateSize({width:"100%"}),this._isExpanded=!0},e.prototype.collapse=function(){this.overlay.updateSize({width:"422px"}),this._isExpanded=!1},e}(),c=function(){function e(e){this.cfr=e}return e.prototype.bindComponent=function(e,t){this.initComponent(e,t)},e.prototype.initComponent=function(e,t){this.drawerPortal=new r.ComponentPortal(e,this.place,t)},e.prototype.createInjector=function(e,t){var o=new WeakMap([[l,e]]);return new r.PortalInjector(t,o)},e}();c.decorators=[{type:o.Component,args:[{selector:"mis-drawer-body",template:'\x3c!-- @format --\x3e\n\n<div class="mis-drawer-body" #place @slideInOut>\n  <ng-template [cdkPortalOutlet]="drawerPortal"></ng-template>\n</div>\n',animations:[a.trigger("slideInOut",[a.transition(":enter",[a.style({transform:"translateX(100%)"}),a.animate("200ms ease-out",a.style({transform:"translateX(0%)"}))]),a.transition(":leave",[a.animate("200ms ease-out",a.style({transform:"translateX(100%)"}))])])],styles:[".mis-drawer-body{display:block;width:100%;height:100%}"]}]}],c.ctorParameters=function(){return[{type:o.ComponentFactoryResolver}]},c.propDecorators={place:[{type:o.ViewChild,args:["place",{static:!1,read:o.ViewContainerRef}]}]};var d=new o.InjectionToken("MISDrawerDataInjectionToken"),p=function(){function e(e,t){this.overlay=e,this.injector=t}return e.prototype.show=function(e,o,a){var i=this.overlay.position().global().top("0px").right("0px"),s=a||{},d=s.width,p=void 0===d?"422px":d,u=s.height,y=void 0===u?"100%":u,f=new t.OverlayConfig({hasBackdrop:!0,positionStrategy:i,scrollStrategy:this.overlay.scrollStrategies.noop(),width:p,height:y,panelClass:"mis-drawer",backdropClass:"mis-drawer-overlay"}),h=this.overlay.create(f);this.drawerRef=new l(h);var m=this.createInjector(this.drawerRef,this.injector,o),g=new r.ComponentPortal(c,null);return this.componentInstance=h.attach(g),this.componentInstance.instance.bindComponent(e,m),h.backdropClick().pipe(n.take(1)).subscribe(this.hide.bind(this)),this.drawerRef},e.prototype.hide=function(){var e;null===(e=this.drawerRef)||void 0===e||e.close()},e.prototype.createInjector=function(e,t,o){var n=new WeakMap;return n.set(l,e),n.set(d,o),new r.PortalInjector(t,n)},e}();p.ɵprov=o.ɵɵdefineInjectable({factory:function(){return new p(o.ɵɵinject(t.Overlay),o.ɵɵinject(o.INJECTOR))},token:p,providedIn:"root"}),p.decorators=[{type:o.Injectable,args:[{providedIn:"root"}]}],p.ctorParameters=function(){return[{type:t.Overlay},{type:o.Injector}]};var u=function(){function e(){}return e.forRoot=function(){return{ngModule:e,providers:[p]}},e.forChild=function(){return{ngModule:e,providers:[p]}},e}();u.decorators=[{type:o.NgModule,args:[{declarations:[c],imports:[s.CommonModule,t.OverlayModule,r.PortalModule],entryComponents:[c]}]}],e.DRAWER_DATA_VAR=d,e.DrawerModule=u,e.DrawerRef=l,e.DrawerService=p,e.ɵa=c,Object.defineProperty(e,"__esModule",{value:!0})}));
-//# sourceMappingURL=mis-crystal-design-system-drawer.umd.min.js.map

package/bundles/mis-crystal-design-system-drawer.umd.min.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../projects/mis-components/drawer/drawer-ref.ts","../../../projects/mis-components/drawer/drawer-body/drawer-body.component.ts","../../../projects/mis-components/drawer/drawer-constants.ts","../../../projects/mis-components/drawer/drawer.service.ts","../../../projects/mis-components/drawer/drawer.module.ts"],"names":["DrawerRef","overlay","this","_isExpanded","afterClosed$","Subject","afterClosed","asObservable","Object","defineProperty","prototype","close","data","detach","dispose","next","complete","expand","updateSize","width","collapse","DrawerBodyComponent","cfr","bindComponent","type","injector","initComponent","drawerPortal","ComponentPortal","place","createInjector","ref","inj","injectorTokens","WeakMap","PortalInjector","Component","args","selector","template","animations","trigger","transition","style","transform","animate","ComponentFactoryResolver","ViewChild","static","read","ViewContainerRef","DRAWER_DATA_VAR","InjectionToken","DrawerService","show","component","options","positionStrategy","position","global","top","right","_b","_c","_d","height","config","OverlayConfig","hasBackdrop","scrollStrategy","scrollStrategies","noop","panelClass","backdropClass","overlayRef","create","drawerRef","portal","componentInstance","attach","instance","backdropClick","pipe","take","subscribe","hide","bind","_a","set","Injectable","providedIn","Overlay","Injector","DrawerModule","forRoot","ngModule","providers","forChild","NgModule","declarations","imports","CommonModule","OverlayModule","PortalModule","entryComponents"],"mappings":"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","sourcesContent":["/** @format */\n\nimport { OverlayRef } from \"@angular/cdk/overlay\";\nimport { Injectable } from \"@angular/core\";\nimport { Subject } from \"rxjs\";\n\nexport class DrawerRef {\n  private _isExpanded = false;\n  private afterClosed$ = new Subject<any>();\n  afterClosed = this.afterClosed$.asObservable();\n  get isExpanded(): boolean {\n    return this._isExpanded;\n  }\n  constructor(public overlay: OverlayRef) {}\n\n  close(data?: any): void {\n    this.overlay.detach();\n    this.overlay.dispose();\n    this.afterClosed$.next(data);\n    this.afterClosed$.complete();\n  }\n\n  expand(): void {\n    this.overlay.updateSize({ width: \"100%\" });\n    this._isExpanded = true;\n  }\n\n  collapse(): void {\n    this.overlay.updateSize({ width: \"422px\" });\n    this._isExpanded = false;\n  }\n}\n","/** @format */\n\nimport { trigger, transition, style, animate } from \"@angular/animations\";\nimport { ComponentPortal, PortalInjector } from \"@angular/cdk/portal\";\nimport { Component, ComponentFactoryResolver, Injector, OnInit, ViewChild, ViewContainerRef } from \"@angular/core\";\nimport { DrawerRef } from \"../drawer-ref\";\n\n@Component({\n  selector: \"mis-drawer-body\",\n  templateUrl: \"./drawer-body.component.html\",\n  styleUrls: [\"./drawer-body.component.scss\"],\n  animations: [\n    trigger(\"slideInOut\", [\n      transition(\":enter\", [style({ transform: \"translateX(100%)\" }), animate(\"200ms ease-out\", style({ transform: \"translateX(0%)\" }))]),\n      transition(\":leave\", [animate(\"200ms ease-out\", style({ transform: \"translateX(100%)\" }))])\n    ])\n  ]\n})\nexport class DrawerBodyComponent {\n  drawerPortal: ComponentPortal<any>;\n  constructor(private cfr: ComponentFactoryResolver) {}\n\n  @ViewChild(\"place\", { static: false, read: ViewContainerRef }) place: ViewContainerRef;\n\n  bindComponent(type: any, injector: PortalInjector) {\n    this.initComponent(type, injector);\n  }\n\n  private initComponent(type: any, injector: PortalInjector) {\n    this.drawerPortal = new ComponentPortal(type, this.place, injector);\n  }\n\n  private createInjector(ref: DrawerRef, inj: Injector): PortalInjector {\n    const injectorTokens = new WeakMap([[DrawerRef, ref]]);\n    return new PortalInjector(inj, injectorTokens);\n    // return Injector.create({ providers: [{ provide: inj, useValue: injectorTokens }] });\n  }\n}\n","/** @format */\n\nimport { InjectionToken } from \"@angular/core\";\n\nexport const DRAWER_DATA_VAR = new InjectionToken<any>(\"MISDrawerDataInjectionToken\");\n","/** @format */\n\nimport { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal, ComponentType, PortalInjector } from \"@angular/cdk/portal\";\nimport { ComponentRef, Injectable, Injector } from \"@angular/core\";\nimport { take } from \"rxjs/operators\";\nimport { DrawerBodyComponent } from \"./drawer-body/drawer-body.component\";\nimport { DrawerRef } from \"./drawer-ref\";\nimport { DRAWER_DATA_VAR } from \"./drawer-constants\";\n\n@Injectable({\n  providedIn: \"root\"\n})\nexport class DrawerService {\n  drawerRef: DrawerRef;\n  componentInstance: ComponentRef<any>;\n\n  constructor(private overlay: Overlay, private injector: Injector) {}\n\n  show<T, D>(component: ComponentType<T>, data?: D, options?: { width?: string; height?: string }): DrawerRef {\n    const positionStrategy = this.overlay.position().global().top(\"0px\").right(\"0px\");\n    const { width = \"422px\", height = \"100%\" } = options || {};\n    const config = new OverlayConfig({\n      hasBackdrop: true,\n      positionStrategy,\n      scrollStrategy: this.overlay.scrollStrategies.noop(),\n      width: width,\n      height,\n      panelClass: \"mis-drawer\",\n      backdropClass: \"mis-drawer-overlay\"\n    });\n    const overlayRef = this.overlay.create(config);\n    this.drawerRef = new DrawerRef(overlayRef);\n    const injector = this.createInjector(this.drawerRef, this.injector, data);\n    const portal = new ComponentPortal(DrawerBodyComponent, null);\n    this.componentInstance = overlayRef.attach(portal);\n    this.componentInstance.instance.bindComponent(component, injector);\n    overlayRef.backdropClick().pipe(take(1)).subscribe(this.hide.bind(this));\n    return this.drawerRef;\n  }\n\n  hide(): void {\n    this.drawerRef?.close();\n  }\n\n  private createInjector<D>(ref: DrawerRef, inj: Injector, data?: D): PortalInjector {\n    const injectorTokens = new WeakMap();\n    injectorTokens.set(DrawerRef, ref);\n    injectorTokens.set(DRAWER_DATA_VAR, data);\n    return new PortalInjector(inj, injectorTokens);\n    // return Injector.create({ providers: [{ provide: inj, useValue: injectorTokens }] });\n  }\n}\n","import { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { DrawerService } from \"./drawer.service\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\nimport { DrawerBodyComponent } from \"./drawer-body/drawer-body.component\";\nimport { PortalModule } from \"@angular/cdk/portal\";\n\n@NgModule({\n  declarations: [DrawerBodyComponent],\n  imports: [CommonModule, OverlayModule, PortalModule],\n  entryComponents: [DrawerBodyComponent]\n})\nexport class DrawerModule {\n  static forRoot(): ModuleWithProviders<DrawerModule> {\n    return {\n      ngModule: DrawerModule,\n      providers: [DrawerService]\n    };\n  }\n\n  static forChild(): ModuleWithProviders<DrawerModule> {\n    return {\n      ngModule: DrawerModule,\n      providers: [DrawerService]\n    };\n  }\n}\n"]}