mis-crystal-design-system 4.0.49-test-2 → 4.0.50

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.
Files changed (38) hide show
  1. package/bundles/mis-crystal-design-system-action-list.umd.js +4 -3
  2. package/bundles/mis-crystal-design-system-action-list.umd.js.map +1 -1
  3. package/bundles/mis-crystal-design-system-action-list.umd.min.js +1 -1
  4. package/bundles/mis-crystal-design-system-action-list.umd.min.js.map +1 -1
  5. package/bundles/mis-crystal-design-system-daterangepicker_v2.umd.js +1 -1
  6. package/bundles/mis-crystal-design-system-daterangepicker_v2.umd.min.js +1 -1
  7. package/bundles/mis-crystal-design-system-input-stepper.umd.js +2 -0
  8. package/bundles/mis-crystal-design-system-input-stepper.umd.js.map +1 -1
  9. package/bundles/mis-crystal-design-system-input-stepper.umd.min.js +1 -1
  10. package/bundles/mis-crystal-design-system-input-stepper.umd.min.js.map +1 -1
  11. package/bundles/mis-crystal-design-system-snackbar.umd.js +19 -11
  12. package/bundles/mis-crystal-design-system-snackbar.umd.js.map +1 -1
  13. package/bundles/mis-crystal-design-system-snackbar.umd.min.js +1 -1
  14. package/bundles/mis-crystal-design-system-snackbar.umd.min.js.map +1 -1
  15. package/bundles/mis-crystal-design-system-star-rating.umd.js +2 -2
  16. package/bundles/mis-crystal-design-system-star-rating.umd.js.map +1 -1
  17. package/bundles/mis-crystal-design-system-star-rating.umd.min.js +1 -1
  18. package/bundles/mis-crystal-design-system-star-rating.umd.min.js.map +1 -1
  19. package/daterangepicker_v2/mis-crystal-design-system-daterangepicker_v2.metadata.json +1 -1
  20. package/esm2015/action-list/action-list.component.js +5 -4
  21. package/esm2015/daterangepicker_v2/tz-drp-container/tz-drp-container.component.js +1 -1
  22. package/esm2015/input-stepper/input-stepper/input-stepper.component.js +3 -1
  23. package/esm2015/snackbar/snackbar/snackbar.component.js +9 -13
  24. package/esm2015/snackbar/snackbar.module.js +13 -2
  25. package/esm2015/star-rating/star-rating.component.js +3 -3
  26. package/fesm2015/mis-crystal-design-system-action-list.js +4 -3
  27. package/fesm2015/mis-crystal-design-system-action-list.js.map +1 -1
  28. package/fesm2015/mis-crystal-design-system-daterangepicker_v2.js +1 -1
  29. package/fesm2015/mis-crystal-design-system-input-stepper.js +2 -0
  30. package/fesm2015/mis-crystal-design-system-input-stepper.js.map +1 -1
  31. package/fesm2015/mis-crystal-design-system-snackbar.js +20 -12
  32. package/fesm2015/mis-crystal-design-system-snackbar.js.map +1 -1
  33. package/fesm2015/mis-crystal-design-system-star-rating.js +2 -2
  34. package/fesm2015/mis-crystal-design-system-star-rating.js.map +1 -1
  35. package/package.json +1 -1
  36. package/snackbar/mis-crystal-design-system-snackbar.metadata.json +1 -1
  37. package/snackbar/snackbar/snackbar.component.d.ts +5 -5
  38. package/snackbar/snackbar.module.d.ts +3 -0
package/bundles/mis-crystal-design-system-daterangepicker_v2.umd.js CHANGED
@@ -302,7 +302,7 @@
302
302
  { type: core.Component, args: [{
303
303
  selector: "mis-tz-drp",
304
304
  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 <!-- Button visible in mobile view -->\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>",
305
- 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;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:7vh;border-top:2px solid #c8cdd3}.daterangepicker-container .daterangepicker__footer #mobile-footer-btn{width:36%;font-size:4.4vw}}"]
305
+ 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;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}}"]
306
306
  },] }
307
307
  ];
308
308
  TzDrpContainerComponent.ctorParameters = function () { return [
package/bundles/mis-crystal-design-system-daterangepicker_v2.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
- !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;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:7vh;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})}));
1
+ !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;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})}));
2
2
  //# sourceMappingURL=mis-crystal-design-system-daterangepicker_v2.umd.min.js.map
package/bundles/mis-crystal-design-system-input-stepper.umd.js CHANGED
@@ -13,6 +13,8 @@
13
13
  this.valueChange = new core.EventEmitter();
14
14
  }
15
15
  InputStepperComponent.prototype.increment = function () {
16
+ if (this.value === this.maxLimit)
17
+ return;
16
18
  this.value++;
17
19
  this.emitValueChange();
18
20
  };
package/bundles/mis-crystal-design-system-input-stepper.umd.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"mis-crystal-design-system-input-stepper.umd.js","sources":["../../../projects/mis-components/input-stepper/input-stepper/input-stepper.component.ts","../../../projects/mis-components/input-stepper/input-stepper.module.ts","../../../projects/mis-components/input-stepper/mis-crystal-design-system-input-stepper.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n selector: 'mis-input-stepper',\n templateUrl: './input-stepper.component.html',\n styleUrls: ['./input-stepper.component.css']\n})\nexport class InputStepperComponent {\n @Input() value: number = 1;\n @Input() width?: string = '200px';\n @Input() minLimit : number = 0;\n @Input() maxLimit: number = 2;\n @Output() valueChange: EventEmitter<number> = new EventEmitter<number>();\n\n constructor() { }\n\n increment() {\n this.value++;\n this.emitValueChange();\n }\n\n decrement() {\n if (this.value > 0) {\n this.value--;\n this.emitValueChange();\n }\n }\n\n onInputChange(newValue: string) {\n const parsedValue = parseInt(newValue, 10);\n if (!isNaN(parsedValue)) {\n this.value = parsedValue;\n this.emitValueChange();\n }\n }\n\n private emitValueChange() {\n console.log(\"value change\", this.value);\n this.valueChange.emit(this.value);\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { InputStepperComponent } from './input-stepper/input-stepper.component';\n\n\n\n@NgModule({\n declarations: [\n InputStepperComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n InputStepperComponent\n ]\n})\nexport class InputStepperModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","Component","Input","Output","NgModule","CommonModule"],"mappings":";;;;;;;QAcE;YANS,UAAK,GAAW,CAAC,CAAC;YAClB,UAAK,GAAY,OAAO,CAAC;YACzB,aAAQ,GAAY,CAAC,CAAC;YACtB,aAAQ,GAAW,CAAC,CAAC;YACpB,gBAAW,GAAyB,IAAIA,iBAAY,EAAU,CAAC;SAExD;QAEjB,yCAAS,GAAT;YACE,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;QAED,yCAAS,GAAT;YACE,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE;gBAClB,IAAI,CAAC,KAAK,EAAE,CAAC;gBACb,IAAI,CAAC,eAAe,EAAE,CAAC;aACxB;SACF;QAED,6CAAa,GAAb,UAAc,QAAgB;YAC5B,IAAM,WAAW,GAAG,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YAC3C,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE;gBACvB,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;gBACzB,IAAI,CAAC,eAAe,EAAE,CAAC;aACxB;SACF;QAEO,+CAAe,GAAf;YACN,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YACxC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACnC;;;;gBArCFC,cAAS,SAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,4WAA6C;;iBAE9C;;;;wBAEEC,UAAK;wBACLA,UAAK;2BACLA,UAAK;2BACLA,UAAK;8BACLC,WAAM;;;;QCKT;;;;;gBAXCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,qBAAqB;qBACtB;oBACD,OAAO,EAAE;wBACPC,mBAAY;qBACb;oBACD,OAAO,EAAE;wBACP,qBAAqB;qBACtB;iBACF;;;IChBD;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"mis-crystal-design-system-input-stepper.umd.js","sources":["../../../projects/mis-components/input-stepper/input-stepper/input-stepper.component.ts","../../../projects/mis-components/input-stepper/input-stepper.module.ts","../../../projects/mis-components/input-stepper/mis-crystal-design-system-input-stepper.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n selector: 'mis-input-stepper',\n templateUrl: './input-stepper.component.html',\n styleUrls: ['./input-stepper.component.css']\n})\nexport class InputStepperComponent {\n @Input() value: number = 1;\n @Input() width?: string = '200px';\n @Input() minLimit : number = 0;\n @Input() maxLimit: number = 2;\n @Output() valueChange: EventEmitter<number> = new EventEmitter<number>();\n\n constructor() { }\n\n increment() {\n if(this.value === this.maxLimit) return;\n this.value++;\n this.emitValueChange();\n }\n\n decrement() {\n if (this.value > 0) {\n this.value--;\n this.emitValueChange();\n }\n }\n\n onInputChange(newValue: string) {\n const parsedValue = parseInt(newValue, 10);\n if (!isNaN(parsedValue)) {\n this.value = parsedValue;\n this.emitValueChange();\n }\n }\n\n private emitValueChange() {\n console.log(\"value change\", this.value);\n this.valueChange.emit(this.value);\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { InputStepperComponent } from './input-stepper/input-stepper.component';\n\n\n\n@NgModule({\n declarations: [\n InputStepperComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n InputStepperComponent\n ]\n})\nexport class InputStepperModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","Component","Input","Output","NgModule","CommonModule"],"mappings":";;;;;;;QAcE;YANS,UAAK,GAAW,CAAC,CAAC;YAClB,UAAK,GAAY,OAAO,CAAC;YACzB,aAAQ,GAAY,CAAC,CAAC;YACtB,aAAQ,GAAW,CAAC,CAAC;YACpB,gBAAW,GAAyB,IAAIA,iBAAY,EAAU,CAAC;SAExD;QAEjB,yCAAS,GAAT;YACE,IAAG,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,QAAQ;gBAAE,OAAO;YACxC,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;QAED,yCAAS,GAAT;YACE,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE;gBAClB,IAAI,CAAC,KAAK,EAAE,CAAC;gBACb,IAAI,CAAC,eAAe,EAAE,CAAC;aACxB;SACF;QAED,6CAAa,GAAb,UAAc,QAAgB;YAC5B,IAAM,WAAW,GAAG,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YAC3C,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE;gBACvB,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;gBACzB,IAAI,CAAC,eAAe,EAAE,CAAC;aACxB;SACF;QAEO,+CAAe,GAAf;YACN,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YACxC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACnC;;;;gBAtCFC,cAAS,SAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,4WAA6C;;iBAE9C;;;;wBAEEC,UAAK;wBACLA,UAAK;2BACLA,UAAK;2BACLA,UAAK;8BACLC,WAAM;;;;QCKT;;;;;gBAXCC,aAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,qBAAqB;qBACtB;oBACD,OAAO,EAAE;wBACPC,mBAAY;qBACb;oBACD,OAAO,EAAE;wBACP,qBAAqB;qBACtB;iBACF;;;IChBD;;;;;;;;;;;;;"}
package/bundles/mis-crystal-design-system-input-stepper.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/input-stepper",["exports","@angular/core","@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"]["input-stepper"]={}),e.ng.core,e.ng.common)}(this,(function(e,t,n){"use strict";var i=function(){function e(){this.value=1,this.width="200px",this.minLimit=0,this.maxLimit=2,this.valueChange=new t.EventEmitter}return e.prototype.increment=function(){this.value++,this.emitValueChange()},e.prototype.decrement=function(){this.value>0&&(this.value--,this.emitValueChange())},e.prototype.onInputChange=function(e){var t=parseInt(e,10);isNaN(t)||(this.value=t,this.emitValueChange())},e.prototype.emitValueChange=function(){console.log("value change",this.value),this.valueChange.emit(this.value)},e}();i.decorators=[{type:t.Component,args:[{selector:"mis-input-stepper",template:'<div class="nudger" [ngStyle]="{\'max-width\': width }">\n <button (click)="decrement()" [ngClass]="{\'disabled\': value === minLimit}">-</button>\n <input type="text" [value]="value" (input)="onInputChange($event.target.value)">\n <button (click)="increment()" [ngClass]="{\'disabled\': value === maxLimit}">+</button>\n</div>\n ',styles:[".nudger{display:flex;align-items:center;justify-content:center;width:100%;border:1px solid #0937b2;border-radius:4px}button{padding:.5em 1em;cursor:pointer;border:none;transition:background-color .3s;color:#0937b2}button,button:hover{background-color:#fff}input{width:40%;text-align:center;padding:.5em 1em;color:#0937b2;border:none}@media screen and (max-width:600px){.nudger{max-width:150px}}.disabled{opacity:.6;cursor:not-allowed}"]}]}],i.ctorParameters=function(){return[]},i.propDecorators={value:[{type:t.Input}],width:[{type:t.Input}],minLimit:[{type:t.Input}],maxLimit:[{type:t.Input}],valueChange:[{type:t.Output}]};var o=function(){};o.decorators=[{type:t.NgModule,args:[{declarations:[i],imports:[n.CommonModule],exports:[i]}]}],e.InputStepperComponent=i,e.InputStepperModule=o,Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/input-stepper",["exports","@angular/core","@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"]["input-stepper"]={}),e.ng.core,e.ng.common)}(this,(function(e,t,n){"use strict";var i=function(){function e(){this.value=1,this.width="200px",this.minLimit=0,this.maxLimit=2,this.valueChange=new t.EventEmitter}return e.prototype.increment=function(){this.value!==this.maxLimit&&(this.value++,this.emitValueChange())},e.prototype.decrement=function(){this.value>0&&(this.value--,this.emitValueChange())},e.prototype.onInputChange=function(e){var t=parseInt(e,10);isNaN(t)||(this.value=t,this.emitValueChange())},e.prototype.emitValueChange=function(){console.log("value change",this.value),this.valueChange.emit(this.value)},e}();i.decorators=[{type:t.Component,args:[{selector:"mis-input-stepper",template:'<div class="nudger" [ngStyle]="{\'max-width\': width }">\n <button (click)="decrement()" [ngClass]="{\'disabled\': value === minLimit}">-</button>\n <input type="text" [value]="value" (input)="onInputChange($event.target.value)">\n <button (click)="increment()" [ngClass]="{\'disabled\': value === maxLimit}">+</button>\n</div>\n ',styles:[".nudger{display:flex;align-items:center;justify-content:center;width:100%;border:1px solid #0937b2;border-radius:4px}button{padding:.5em 1em;cursor:pointer;border:none;transition:background-color .3s;color:#0937b2}button,button:hover{background-color:#fff}input{width:40%;text-align:center;padding:.5em 1em;color:#0937b2;border:none}@media screen and (max-width:600px){.nudger{max-width:150px}}.disabled{opacity:.6;cursor:not-allowed}"]}]}],i.ctorParameters=function(){return[]},i.propDecorators={value:[{type:t.Input}],width:[{type:t.Input}],minLimit:[{type:t.Input}],maxLimit:[{type:t.Input}],valueChange:[{type:t.Output}]};var o=function(){};o.decorators=[{type:t.NgModule,args:[{declarations:[i],imports:[n.CommonModule],exports:[i]}]}],e.InputStepperComponent=i,e.InputStepperModule=o,Object.defineProperty(e,"__esModule",{value:!0})}));
2
2
  //# sourceMappingURL=mis-crystal-design-system-input-stepper.umd.min.js.map
package/bundles/mis-crystal-design-system-input-stepper.umd.min.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../projects/mis-components/input-stepper/input-stepper/input-stepper.component.ts","../../../projects/mis-components/input-stepper/input-stepper.module.ts"],"names":["InputStepperComponent","this","value","width","minLimit","maxLimit","valueChange","EventEmitter","prototype","increment","emitValueChange","decrement","onInputChange","newValue","parsedValue","parseInt","isNaN","console","log","emit","Component","args","selector","template","Input","Output","NgModule","declarations","imports","CommonModule","exports"],"mappings":"ogBAcE,SAAAA,IANSC,KAAAC,MAAgB,EAChBD,KAAAE,MAAiB,QACjBF,KAAAG,SAAoB,EACpBH,KAAAI,SAAmB,EAClBJ,KAAAK,YAAoC,IAAIC,EAAAA,oBAIlDP,EAAAQ,UAAAC,UAAA,WACER,KAAKC,QACLD,KAAKS,mBAGPV,EAAAQ,UAAAG,UAAA,WACMV,KAAKC,MAAQ,IACfD,KAAKC,QACLD,KAAKS,oBAITV,EAAAQ,UAAAI,cAAA,SAAcC,GACZ,IAAMC,EAAcC,SAASF,EAAU,IAClCG,MAAMF,KACTb,KAAKC,MAAQY,EACbb,KAAKS,oBAIDV,EAAAQ,UAAAE,gBAAA,WACNO,QAAQC,IAAI,eAAgBjB,KAAKC,OACjCD,KAAKK,YAAYa,KAAKlB,KAAKC,iCApC9BkB,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,oBACVC,SAAA,81BAICC,EAAAA,qBACAA,EAAAA,wBACAA,EAAAA,wBACAA,EAAAA,2BACAC,EAAAA,gBCKH,iCAXCC,EAAAA,SAAQL,KAAA,CAAC,CACRM,aAAc,CACZ3B,GAEF4B,QAAS,CACPC,EAAAA,cAEFC,QAAS,CACP9B","sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n selector: 'mis-input-stepper',\n templateUrl: './input-stepper.component.html',\n styleUrls: ['./input-stepper.component.css']\n})\nexport class InputStepperComponent {\n @Input() value: number = 1;\n @Input() width?: string = '200px';\n @Input() minLimit : number = 0;\n @Input() maxLimit: number = 2;\n @Output() valueChange: EventEmitter<number> = new EventEmitter<number>();\n\n constructor() { }\n\n increment() {\n this.value++;\n this.emitValueChange();\n }\n\n decrement() {\n if (this.value > 0) {\n this.value--;\n this.emitValueChange();\n }\n }\n\n onInputChange(newValue: string) {\n const parsedValue = parseInt(newValue, 10);\n if (!isNaN(parsedValue)) {\n this.value = parsedValue;\n this.emitValueChange();\n }\n }\n\n private emitValueChange() {\n console.log(\"value change\", this.value);\n this.valueChange.emit(this.value);\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { InputStepperComponent } from './input-stepper/input-stepper.component';\n\n\n\n@NgModule({\n declarations: [\n InputStepperComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n InputStepperComponent\n ]\n})\nexport class InputStepperModule { }\n"]}
1
+ {"version":3,"sources":["../../../projects/mis-components/input-stepper/input-stepper/input-stepper.component.ts","../../../projects/mis-components/input-stepper/input-stepper.module.ts"],"names":["InputStepperComponent","this","value","width","minLimit","maxLimit","valueChange","EventEmitter","prototype","increment","emitValueChange","decrement","onInputChange","newValue","parsedValue","parseInt","isNaN","console","log","emit","Component","args","selector","template","Input","Output","NgModule","declarations","imports","CommonModule","exports"],"mappings":"ogBAcE,SAAAA,IANSC,KAAAC,MAAgB,EAChBD,KAAAE,MAAiB,QACjBF,KAAAG,SAAoB,EACpBH,KAAAI,SAAmB,EAClBJ,KAAAK,YAAoC,IAAIC,EAAAA,oBAIlDP,EAAAQ,UAAAC,UAAA,WACKR,KAAKC,QAAUD,KAAKI,WACvBJ,KAAKC,QACLD,KAAKS,oBAGPV,EAAAQ,UAAAG,UAAA,WACMV,KAAKC,MAAQ,IACfD,KAAKC,QACLD,KAAKS,oBAITV,EAAAQ,UAAAI,cAAA,SAAcC,GACZ,IAAMC,EAAcC,SAASF,EAAU,IAClCG,MAAMF,KACTb,KAAKC,MAAQY,EACbb,KAAKS,oBAIDV,EAAAQ,UAAAE,gBAAA,WACNO,QAAQC,IAAI,eAAgBjB,KAAKC,OACjCD,KAAKK,YAAYa,KAAKlB,KAAKC,iCArC9BkB,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,oBACVC,SAAA,81BAICC,EAAAA,qBACAA,EAAAA,wBACAA,EAAAA,wBACAA,EAAAA,2BACAC,EAAAA,gBCKH,iCAXCC,EAAAA,SAAQL,KAAA,CAAC,CACRM,aAAc,CACZ3B,GAEF4B,QAAS,CACPC,EAAAA,cAEFC,QAAS,CACP9B","sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n selector: 'mis-input-stepper',\n templateUrl: './input-stepper.component.html',\n styleUrls: ['./input-stepper.component.css']\n})\nexport class InputStepperComponent {\n @Input() value: number = 1;\n @Input() width?: string = '200px';\n @Input() minLimit : number = 0;\n @Input() maxLimit: number = 2;\n @Output() valueChange: EventEmitter<number> = new EventEmitter<number>();\n\n constructor() { }\n\n increment() {\n if(this.value === this.maxLimit) return;\n this.value++;\n this.emitValueChange();\n }\n\n decrement() {\n if (this.value > 0) {\n this.value--;\n this.emitValueChange();\n }\n }\n\n onInputChange(newValue: string) {\n const parsedValue = parseInt(newValue, 10);\n if (!isNaN(parsedValue)) {\n this.value = parsedValue;\n this.emitValueChange();\n }\n }\n\n private emitValueChange() {\n console.log(\"value change\", this.value);\n this.valueChange.emit(this.value);\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { InputStepperComponent } from './input-stepper/input-stepper.component';\n\n\n\n@NgModule({\n declarations: [\n InputStepperComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n InputStepperComponent\n ]\n})\nexport class InputStepperModule { }\n"]}
package/bundles/mis-crystal-design-system-snackbar.umd.js CHANGED
@@ -4,28 +4,25 @@
4
4
  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mis-crystal-design-system'] = global['mis-crystal-design-system'] || {}, global['mis-crystal-design-system'].snackbar = {}), global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.core, global.ng.common));
5
5
  }(this, (function (exports, i1, portal, i0, common) { 'use strict';
6
6
 
7
- // snackbar.component.ts
8
7
  var SnackbarComponent = /** @class */ (function () {
9
- function SnackbarComponent(input) {
10
- this.input = input;
8
+ function SnackbarComponent() {
11
9
  this.triggerAction = new i0.EventEmitter();
12
10
  }
13
- SnackbarComponent.prototype.triggerActionFunction = function () {
14
- this.triggerAction.emit(true);
11
+ SnackbarComponent.prototype.onActionClick = function () {
12
+ this.triggerAction.emit();
15
13
  };
16
14
  return SnackbarComponent;
17
15
  }());
18
16
  SnackbarComponent.decorators = [
19
17
  { type: i0.Component, args: [{
20
- selector: 'mis-snackbar',
21
- template: "<div class=\"snackbar-container\">\n <div class=\"messages\" *ngIf=\"!input.config.hasComponent\">\n\n <span class=\"message\">\n <img *ngIf=\"input.config.iconUrl\" [src]=\"input.config.iconUrl\" alt=\"\">\n {{ input.config.message }}\n </span>\n <div class=\"snackbar-action\" *ngIf=\"input.config.actionString\">\n <button (click)=\"triggerActionFunction()\">{{ input.config.actionString }}</button>\n </div>\n </div>\n <div class=\"component-container\" *ngIf=\"input.config.hasComponent\">\n <ng-content></ng-content>\n </div>\n</div>\n",
18
+ selector: 'app-snackbar',
19
+ template: "<div class=\"snackbar-container\">\n <div class=\"messages\" *ngIf=\"!config.hasComponent\">\n <span class=\"message\">\n <img *ngIf=\"config.iconUrl\" [src]=\"config.iconUrl\" alt=\"\">\n {{ config.message }}\n </span>\n <div class=\"snackbar-action\" *ngIf=\"config.actionString\">\n <button (click)=\"onActionClick()\">{{ config.actionString }}</button>\n </div>\n </div>\n <div class=\"component-container\" *ngIf=\"config.hasComponent\">\n <ng-content></ng-content>\n </div>\n</div>\n",
22
20
  styles: [".snackbar-container{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:#181f33;color:#fff;border-radius:8px;padding:8px 12px;max-width:400px;width:90%;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,.2)}.messages{display:flex;align-items:center;justify-content:space-between}.message{flex:1;padding-right:10px;font-size:16px;font-weight:700}.snackbar-action button{background-color:#181f33;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:16px!important;transition:background-color .3s ease}.snackbar-action button:hover{background-color:#0056b3}.component-container{margin-top:10px}@media (max-width:768px){.snackbar-container{left:10px;right:10px;transform:none;width:auto;max-width:none}}"]
23
21
  },] }
24
22
  ];
25
- SnackbarComponent.ctorParameters = function () { return [
26
- { type: SnackbarService }
27
- ]; };
23
+ SnackbarComponent.ctorParameters = function () { return []; };
28
24
  SnackbarComponent.propDecorators = {
25
+ config: [{ type: i0.Input }],
29
26
  triggerAction: [{ type: i0.Output }]
30
27
  };
31
28
 
@@ -76,6 +73,18 @@
76
73
  var SnackbarModule = /** @class */ (function () {
77
74
  function SnackbarModule() {
78
75
  }
76
+ SnackbarModule.forRoot = function () {
77
+ return {
78
+ ngModule: SnackbarModule,
79
+ providers: [SnackbarService]
80
+ };
81
+ };
82
+ SnackbarModule.forChild = function () {
83
+ return {
84
+ ngModule: SnackbarModule,
85
+ providers: [SnackbarService]
86
+ };
87
+ };
79
88
  return SnackbarModule;
80
89
  }());
81
90
  SnackbarModule.decorators = [
@@ -88,7 +97,6 @@
88
97
  ],
89
98
  exports: [SnackbarComponent],
90
99
  entryComponents: [SnackbarComponent],
91
- providers: [SnackbarService]
92
100
  },] }
93
101
  ];
94
102
 
package/bundles/mis-crystal-design-system-snackbar.umd.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"mis-crystal-design-system-snackbar.umd.js","sources":["../../../projects/mis-components/snackbar/snackbar/snackbar.component.ts","../../../projects/mis-components/snackbar/snackbar.service.ts","../../../projects/mis-components/snackbar/snackbar.module.ts","../../../projects/mis-components/snackbar/mis-crystal-design-system-snackbar.ts"],"sourcesContent":["// snackbar.component.ts\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { SnackbarService } from '../snackbar.service';\n\n@Component({\n selector: 'mis-snackbar',\n templateUrl: \"./snackbar.component.html\",\n styleUrls: [\"./snackbar.component.css\"],\n})\nexport class SnackbarComponent {\n @Output() triggerAction = new EventEmitter<any>();\n constructor(public input: SnackbarService){}\n triggerActionFunction(){\n this.triggerAction.emit(true)\n }\n}\n","export interface ISnackBarConfig {\n message: string;\n actionString: string;\n hasComponent: boolean;\n iconUrl?: string;\n component?: ComponentRef<any>;\n duration?: number;\n onActionClick?: () => void;\n}\nimport { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { ComponentRef, Injectable } from \"@angular/core\"; // Assuming you have defined ISnackBarConfig interface\nimport { SnackbarComponent } from \"./snackbar/snackbar.component\";\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class SnackbarService {\n config: ISnackBarConfig;\n private snackbarRef: OverlayRef;\n\n constructor(private overlay: Overlay) {}\n\n openSnackbar(config: ISnackBarConfig): void {\n this.config = config;\n const overlayConfig = new OverlayConfig({\n hasBackdrop: false,\n positionStrategy: this.overlay.position().global().centerHorizontally().bottom(\"48px\")\n });\n\n this.snackbarRef = this.overlay.create(overlayConfig);\n\n const snackbarPortal = new ComponentPortal(SnackbarComponent);\n const componentRef = this.snackbarRef.attach(snackbarPortal);\n\n // componentRef.instance.config = config;\n\n config.duration = config.duration || 3000;\n setTimeout(() => {\n this.closeSnackbar();\n }, config.duration);\n\n componentRef.instance.triggerAction.subscribe(() => {\n if (config.onActionClick) {\n config.onActionClick();\n }\n this.closeSnackbar();\n });\n }\n\n closeSnackbar(): void {\n if (this.snackbarRef) {\n this.snackbarRef.dispose();\n this.snackbarRef = null;\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SnackbarComponent } from './snackbar/snackbar.component';\nimport { SnackbarService } from './snackbar.service';\n\n\n\n@NgModule({\n declarations: [\n SnackbarComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [SnackbarComponent],\n entryComponents: [SnackbarComponent],\n providers: [SnackbarService]\n})\nexport class SnackbarModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","Component","Output","OverlayConfig","ComponentPortal","Injectable","Overlay","NgModule","CommonModule"],"mappings":";;;;;;IAAA;;QAWE,2BAAmB,KAAsB;YAAtB,UAAK,GAAL,KAAK,CAAiB;YAD/B,kBAAa,GAAG,IAAIA,eAAY,EAAO,CAAC;SACN;QAC5C,iDAAqB,GAArB;YACE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;SAC9B;;;;gBAVFC,YAAS,SAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,2kBAAwC;;iBAEzC;;;gBANQ,eAAe;;;gCAQrBC,SAAM;;;;QCWP,yBAAoB,OAAgB;YAAhB,YAAO,GAAP,OAAO,CAAS;SAAI;QAExC,sCAAY,GAAZ,UAAa,MAAuB;YAApC,iBAyBC;YAxBC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;YACrB,IAAM,aAAa,GAAG,IAAIC,gBAAa,CAAC;gBACtC,WAAW,EAAE,KAAK;gBAClB,gBAAgB,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,kBAAkB,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;aACvF,CAAC,CAAC;YAEH,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;YAEtD,IAAM,cAAc,GAAG,IAAIC,sBAAe,CAAC,iBAAiB,CAAC,CAAC;YAC9D,IAAM,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;;YAI7D,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,IAAI,CAAC;YAC1C,UAAU,CAAC;gBACT,KAAI,CAAC,aAAa,EAAE,CAAC;aACtB,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;YAEpB,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC;gBAC5C,IAAI,MAAM,CAAC,aAAa,EAAE;oBACxB,MAAM,CAAC,aAAa,EAAE,CAAC;iBACxB;gBACD,KAAI,CAAC,aAAa,EAAE,CAAC;aACtB,CAAC,CAAC;SACJ;QAED,uCAAa,GAAb;YACE,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;gBAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;aACzB;SACF;;;;;gBAzCFC,aAAU,SAAC;oBACV,UAAU,EAAE,MAAM;iBACnB;;;gBAPQC,UAAO;;;;QCShB;;;;;gBAXCC,WAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,iBAAiB;qBAClB;oBACD,OAAO,EAAE;wBACPC,mBAAY;qBACb;oBACD,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,eAAe,EAAE,CAAC,iBAAiB,CAAC;oBACpC,SAAS,EAAE,CAAC,eAAe,CAAC;iBAC7B;;;ICjBD;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"mis-crystal-design-system-snackbar.umd.js","sources":["../../../projects/mis-components/snackbar/snackbar/snackbar.component.ts","../../../projects/mis-components/snackbar/snackbar.service.ts","../../../projects/mis-components/snackbar/snackbar.module.ts","../../../projects/mis-components/snackbar/mis-crystal-design-system-snackbar.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ISnackBarConfig } from '../snackbar.service';\n\n@Component({\n selector: 'app-snackbar',\n templateUrl: './snackbar.component.html',\n styleUrls: ['./snackbar.component.css']\n})\nexport class SnackbarComponent {\n @Input() config: ISnackBarConfig;\n @Output() triggerAction = new EventEmitter<void>();\n constructor(){}\n onActionClick(): void {\n this.triggerAction.emit();\n }\n}\n","export interface ISnackBarConfig {\n message: string;\n actionString: string;\n hasComponent: boolean;\n iconUrl?: string;\n component?: ComponentRef<any>;\n duration?: number;\n onActionClick?: () => void;\n}\nimport { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { ComponentRef, Injectable } from \"@angular/core\"; // Assuming you have defined ISnackBarConfig interface\nimport { SnackbarComponent } from \"./snackbar/snackbar.component\";\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class SnackbarService {\n config: ISnackBarConfig;\n private snackbarRef: OverlayRef;\n\n constructor(private overlay: Overlay) {}\n\n openSnackbar(config: ISnackBarConfig): void {\n this.config = config;\n const overlayConfig = new OverlayConfig({\n hasBackdrop: false,\n positionStrategy: this.overlay.position().global().centerHorizontally().bottom(\"48px\")\n });\n\n this.snackbarRef = this.overlay.create(overlayConfig);\n\n const snackbarPortal = new ComponentPortal(SnackbarComponent);\n const componentRef = this.snackbarRef.attach(snackbarPortal);\n\n // componentRef.instance.config = config;\n\n config.duration = config.duration || 3000;\n setTimeout(() => {\n this.closeSnackbar();\n }, config.duration);\n\n componentRef.instance.triggerAction.subscribe(() => {\n if (config.onActionClick) {\n config.onActionClick();\n }\n this.closeSnackbar();\n });\n }\n\n closeSnackbar(): void {\n if (this.snackbarRef) {\n this.snackbarRef.dispose();\n this.snackbarRef = null;\n }\n }\n}\n","import { ModuleWithProviders, NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SnackbarComponent } from './snackbar/snackbar.component';\nimport { SnackbarService } from './snackbar.service';\n\n\n\n@NgModule({\n declarations: [\n SnackbarComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [SnackbarComponent],\n entryComponents: [SnackbarComponent],\n})\nexport class SnackbarModule {\n static forRoot(): ModuleWithProviders<SnackbarModule> {\n return {\n ngModule: SnackbarModule,\n providers: [SnackbarService]\n };\n }\n\n static forChild(): ModuleWithProviders<SnackbarModule> {\n return {\n ngModule: SnackbarModule,\n providers: [ SnackbarService]\n };\n }\n }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","Component","Input","Output","OverlayConfig","ComponentPortal","Injectable","Overlay","NgModule","CommonModule"],"mappings":";;;;;;;QAWE;YADU,kBAAa,GAAG,IAAIA,eAAY,EAAQ,CAAC;SACpC;QACf,yCAAa,GAAb;YACE,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;SAC3B;;;;gBAXFC,YAAS,SAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,uhBAAwC;;iBAEzC;;;;yBAEEC,QAAK;gCACLC,SAAM;;;;QCWP,yBAAoB,OAAgB;YAAhB,YAAO,GAAP,OAAO,CAAS;SAAI;QAExC,sCAAY,GAAZ,UAAa,MAAuB;YAApC,iBAyBC;YAxBC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;YACrB,IAAM,aAAa,GAAG,IAAIC,gBAAa,CAAC;gBACtC,WAAW,EAAE,KAAK;gBAClB,gBAAgB,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,kBAAkB,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC;aACvF,CAAC,CAAC;YAEH,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;YAEtD,IAAM,cAAc,GAAG,IAAIC,sBAAe,CAAC,iBAAiB,CAAC,CAAC;YAC9D,IAAM,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;;YAI7D,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,IAAI,CAAC;YAC1C,UAAU,CAAC;gBACT,KAAI,CAAC,aAAa,EAAE,CAAC;aACtB,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC;YAEpB,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC;gBAC5C,IAAI,MAAM,CAAC,aAAa,EAAE;oBACxB,MAAM,CAAC,aAAa,EAAE,CAAC;iBACxB;gBACD,KAAI,CAAC,aAAa,EAAE,CAAC;aACtB,CAAC,CAAC;SACJ;QAED,uCAAa,GAAb;YACE,IAAI,IAAI,CAAC,WAAW,EAAE;gBACpB,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;gBAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;aACzB;SACF;;;;;gBAzCFC,aAAU,SAAC;oBACV,UAAU,EAAE,MAAM;iBACnB;;;gBAPQC,UAAO;;;;QCQhB;;QACS,sBAAO,GAAd;YACE,OAAO;gBACL,QAAQ,EAAE,cAAc;gBACxB,SAAS,EAAE,CAAC,eAAe,CAAC;aAC7B,CAAC;SACH;QAEM,uBAAQ,GAAf;YACE,OAAO;gBACL,QAAQ,EAAE,cAAc;gBACxB,SAAS,EAAE,CAAE,eAAe,CAAC;aAC9B,CAAC;SACH;;;;gBAvBFC,WAAQ,SAAC;oBACR,YAAY,EAAE;wBACZ,iBAAiB;qBAClB;oBACD,OAAO,EAAE;wBACPC,mBAAY;qBACb;oBACD,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,eAAe,EAAE,CAAC,iBAAiB,CAAC;iBACrC;;;IChBD;;;;;;;;;;;;;;"}
package/bundles/mis-crystal-design-system-snackbar.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
- !function(n,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/cdk/overlay"),require("@angular/cdk/portal"),require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/snackbar",["exports","@angular/cdk/overlay","@angular/cdk/portal","@angular/core","@angular/common"],t):t(((n="undefined"!=typeof globalThis?globalThis:n||self)["mis-crystal-design-system"]=n["mis-crystal-design-system"]||{},n["mis-crystal-design-system"].snackbar={}),n.ng.cdk.overlay,n.ng.cdk.portal,n.ng.core,n.ng.common)}(this,(function(n,t,o,e,r){"use strict";var a=function(){function n(n){this.input=n,this.triggerAction=new e.EventEmitter}return n.prototype.triggerActionFunction=function(){this.triggerAction.emit(!0)},n}();a.decorators=[{type:e.Component,args:[{selector:"mis-snackbar",template:'<div class="snackbar-container">\n <div class="messages" *ngIf="!input.config.hasComponent">\n\n <span class="message">\n <img *ngIf="input.config.iconUrl" [src]="input.config.iconUrl" alt="">\n {{ input.config.message }}\n </span>\n <div class="snackbar-action" *ngIf="input.config.actionString">\n <button (click)="triggerActionFunction()">{{ input.config.actionString }}</button>\n </div>\n </div>\n <div class="component-container" *ngIf="input.config.hasComponent">\n <ng-content></ng-content>\n </div>\n</div>\n',styles:[".snackbar-container{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:#181f33;color:#fff;border-radius:8px;padding:8px 12px;max-width:400px;width:90%;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,.2)}.messages{display:flex;align-items:center;justify-content:space-between}.message{flex:1;padding-right:10px;font-size:16px;font-weight:700}.snackbar-action button{background-color:#181f33;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:16px!important;transition:background-color .3s ease}.snackbar-action button:hover{background-color:#0056b3}.component-container{margin-top:10px}@media (max-width:768px){.snackbar-container{left:10px;right:10px;transform:none;width:auto;max-width:none}}"]}]}],a.ctorParameters=function(){return[{type:i}]},a.propDecorators={triggerAction:[{type:e.Output}]};var i=function(){function n(n){this.overlay=n}return n.prototype.openSnackbar=function(n){var e=this;this.config=n;var r=new t.OverlayConfig({hasBackdrop:!1,positionStrategy:this.overlay.position().global().centerHorizontally().bottom("48px")});this.snackbarRef=this.overlay.create(r);var i=new o.ComponentPortal(a),c=this.snackbarRef.attach(i);n.duration=n.duration||3e3,setTimeout((function(){e.closeSnackbar()}),n.duration),c.instance.triggerAction.subscribe((function(){n.onActionClick&&n.onActionClick(),e.closeSnackbar()}))},n.prototype.closeSnackbar=function(){this.snackbarRef&&(this.snackbarRef.dispose(),this.snackbarRef=null)},n}();i.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new i(e.ɵɵinject(t.Overlay))},token:i,providedIn:"root"}),i.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],i.ctorParameters=function(){return[{type:t.Overlay}]};var c=function(){};c.decorators=[{type:e.NgModule,args:[{declarations:[a],imports:[r.CommonModule],exports:[a],entryComponents:[a],providers:[i]}]}],n.SnackbarComponent=a,n.SnackbarModule=c,n.SnackbarService=i,Object.defineProperty(n,"__esModule",{value:!0})}));
1
+ !function(n,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/cdk/overlay"),require("@angular/cdk/portal"),require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/snackbar",["exports","@angular/cdk/overlay","@angular/cdk/portal","@angular/core","@angular/common"],o):o(((n="undefined"!=typeof globalThis?globalThis:n||self)["mis-crystal-design-system"]=n["mis-crystal-design-system"]||{},n["mis-crystal-design-system"].snackbar={}),n.ng.cdk.overlay,n.ng.cdk.portal,n.ng.core,n.ng.common)}(this,(function(n,o,t,e,r){"use strict";var a=function(){function n(){this.triggerAction=new e.EventEmitter}return n.prototype.onActionClick=function(){this.triggerAction.emit()},n}();a.decorators=[{type:e.Component,args:[{selector:"app-snackbar",template:'<div class="snackbar-container">\n <div class="messages" *ngIf="!config.hasComponent">\n <span class="message">\n <img *ngIf="config.iconUrl" [src]="config.iconUrl" alt="">\n {{ config.message }}\n </span>\n <div class="snackbar-action" *ngIf="config.actionString">\n <button (click)="onActionClick()">{{ config.actionString }}</button>\n </div>\n </div>\n <div class="component-container" *ngIf="config.hasComponent">\n <ng-content></ng-content>\n </div>\n</div>\n',styles:[".snackbar-container{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:#181f33;color:#fff;border-radius:8px;padding:8px 12px;max-width:400px;width:90%;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,.2)}.messages{display:flex;align-items:center;justify-content:space-between}.message{flex:1;padding-right:10px;font-size:16px;font-weight:700}.snackbar-action button{background-color:#181f33;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:16px!important;transition:background-color .3s ease}.snackbar-action button:hover{background-color:#0056b3}.component-container{margin-top:10px}@media (max-width:768px){.snackbar-container{left:10px;right:10px;transform:none;width:auto;max-width:none}}"]}]}],a.ctorParameters=function(){return[]},a.propDecorators={config:[{type:e.Input}],triggerAction:[{type:e.Output}]};var i=function(){function n(n){this.overlay=n}return n.prototype.openSnackbar=function(n){var e=this;this.config=n;var r=new o.OverlayConfig({hasBackdrop:!1,positionStrategy:this.overlay.position().global().centerHorizontally().bottom("48px")});this.snackbarRef=this.overlay.create(r);var i=new t.ComponentPortal(a),c=this.snackbarRef.attach(i);n.duration=n.duration||3e3,setTimeout((function(){e.closeSnackbar()}),n.duration),c.instance.triggerAction.subscribe((function(){n.onActionClick&&n.onActionClick(),e.closeSnackbar()}))},n.prototype.closeSnackbar=function(){this.snackbarRef&&(this.snackbarRef.dispose(),this.snackbarRef=null)},n}();i.ɵprov=e.ɵɵdefineInjectable({factory:function(){return new i(e.ɵɵinject(o.Overlay))},token:i,providedIn:"root"}),i.decorators=[{type:e.Injectable,args:[{providedIn:"root"}]}],i.ctorParameters=function(){return[{type:o.Overlay}]};var c=function(){function n(){}return n.forRoot=function(){return{ngModule:n,providers:[i]}},n.forChild=function(){return{ngModule:n,providers:[i]}},n}();c.decorators=[{type:e.NgModule,args:[{declarations:[a],imports:[r.CommonModule],exports:[a],entryComponents:[a]}]}],n.SnackbarComponent=a,n.SnackbarModule=c,n.SnackbarService=i,Object.defineProperty(n,"__esModule",{value:!0})}));
2
2
  //# sourceMappingURL=mis-crystal-design-system-snackbar.umd.min.js.map
package/bundles/mis-crystal-design-system-snackbar.umd.min.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../projects/mis-components/snackbar/snackbar/snackbar.component.ts","../../../projects/mis-components/snackbar/snackbar.service.ts","../../../projects/mis-components/snackbar/snackbar.module.ts"],"names":["SnackbarComponent","input","this","triggerAction","EventEmitter","prototype","triggerActionFunction","emit","Component","args","selector","template","SnackbarService","Output","overlay","openSnackbar","config","_this","overlayConfig","OverlayConfig","hasBackdrop","positionStrategy","position","global","centerHorizontally","bottom","snackbarRef","create","snackbarPortal","ComponentPortal","componentRef","attach","duration","setTimeout","closeSnackbar","instance","subscribe","onActionClick","dispose","Injectable","providedIn","Overlay","NgModule","declarations","imports","CommonModule","exports","entryComponents","providers"],"mappings":"woBAWE,SAAAA,EAAmBC,GAAAC,KAAAD,MAAAA,EADTC,KAAAC,cAAgB,IAAIC,EAAAA,oBAE9BJ,EAAAK,UAAAC,sBAAA,WACEJ,KAAKC,cAAcI,MAAK,6BAT3BC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,eACVC,SAAA,k1CAJOC,4CAQNC,EAAAA,2BCWD,SAAAD,EAAoBE,GAAAZ,KAAAY,QAAAA,SAEpBF,EAAAP,UAAAU,aAAA,SAAaC,GAAb,IAAAC,EAAAf,KACEA,KAAKc,OAASA,EACd,IAAME,EAAgB,IAAIC,EAAAA,cAAc,CACtCC,aAAa,EACbC,iBAAkBnB,KAAKY,QAAQQ,WAAWC,SAASC,qBAAqBC,OAAO,UAGjFvB,KAAKwB,YAAcxB,KAAKY,QAAQa,OAAOT,GAEvC,IAAMU,EAAiB,IAAIC,EAAAA,gBAAgB7B,GACrC8B,EAAe5B,KAAKwB,YAAYK,OAAOH,GAI7CZ,EAAOgB,SAAWhB,EAAOgB,UAAY,IACrCC,YAAW,WACThB,EAAKiB,kBACJlB,EAAOgB,UAEVF,EAAaK,SAAShC,cAAciC,WAAU,WACxCpB,EAAOqB,eACTrB,EAAOqB,gBAETpB,EAAKiB,oBAITtB,EAAAP,UAAA6B,cAAA,WACMhC,KAAKwB,cACPxB,KAAKwB,YAAYY,UACjBpC,KAAKwB,YAAc,kJAvCxBa,EAAAA,WAAU9B,KAAA,CAAC,CACV+B,WAAY,oDANLC,EAAAA,iBCST,iCAXCC,EAAAA,SAAQjC,KAAA,CAAC,CACRkC,aAAc,CACZ3C,GAEF4C,QAAS,CACPC,EAAAA,cAEFC,QAAS,CAAC9C,GACV+C,gBAAiB,CAAC/C,GAClBgD,UAAW,CAACpC","sourcesContent":["// snackbar.component.ts\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { SnackbarService } from '../snackbar.service';\n\n@Component({\n selector: 'mis-snackbar',\n templateUrl: \"./snackbar.component.html\",\n styleUrls: [\"./snackbar.component.css\"],\n})\nexport class SnackbarComponent {\n @Output() triggerAction = new EventEmitter<any>();\n constructor(public input: SnackbarService){}\n triggerActionFunction(){\n this.triggerAction.emit(true)\n }\n}\n","export interface ISnackBarConfig {\n message: string;\n actionString: string;\n hasComponent: boolean;\n iconUrl?: string;\n component?: ComponentRef<any>;\n duration?: number;\n onActionClick?: () => void;\n}\nimport { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { ComponentRef, Injectable } from \"@angular/core\"; // Assuming you have defined ISnackBarConfig interface\nimport { SnackbarComponent } from \"./snackbar/snackbar.component\";\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class SnackbarService {\n config: ISnackBarConfig;\n private snackbarRef: OverlayRef;\n\n constructor(private overlay: Overlay) {}\n\n openSnackbar(config: ISnackBarConfig): void {\n this.config = config;\n const overlayConfig = new OverlayConfig({\n hasBackdrop: false,\n positionStrategy: this.overlay.position().global().centerHorizontally().bottom(\"48px\")\n });\n\n this.snackbarRef = this.overlay.create(overlayConfig);\n\n const snackbarPortal = new ComponentPortal(SnackbarComponent);\n const componentRef = this.snackbarRef.attach(snackbarPortal);\n\n // componentRef.instance.config = config;\n\n config.duration = config.duration || 3000;\n setTimeout(() => {\n this.closeSnackbar();\n }, config.duration);\n\n componentRef.instance.triggerAction.subscribe(() => {\n if (config.onActionClick) {\n config.onActionClick();\n }\n this.closeSnackbar();\n });\n }\n\n closeSnackbar(): void {\n if (this.snackbarRef) {\n this.snackbarRef.dispose();\n this.snackbarRef = null;\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SnackbarComponent } from './snackbar/snackbar.component';\nimport { SnackbarService } from './snackbar.service';\n\n\n\n@NgModule({\n declarations: [\n SnackbarComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [SnackbarComponent],\n entryComponents: [SnackbarComponent],\n providers: [SnackbarService]\n})\nexport class SnackbarModule { }\n"]}
1
+ {"version":3,"sources":["../../../projects/mis-components/snackbar/snackbar/snackbar.component.ts","../../../projects/mis-components/snackbar/snackbar.service.ts","../../../projects/mis-components/snackbar/snackbar.module.ts"],"names":["SnackbarComponent","this","triggerAction","EventEmitter","prototype","onActionClick","emit","Component","args","selector","template","Input","Output","SnackbarService","overlay","openSnackbar","config","_this","overlayConfig","OverlayConfig","hasBackdrop","positionStrategy","position","global","centerHorizontally","bottom","snackbarRef","create","snackbarPortal","ComponentPortal","componentRef","attach","duration","setTimeout","closeSnackbar","instance","subscribe","dispose","Injectable","providedIn","Overlay","SnackbarModule","forRoot","ngModule","providers","forChild","NgModule","declarations","imports","CommonModule","exports","entryComponents"],"mappings":"woBAWE,SAAAA,IADUC,KAAAC,cAAgB,IAAIC,EAAAA,oBAE9BH,EAAAI,UAAAC,cAAA,WACEJ,KAAKC,cAAcI,iCAVtBC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,eACVC,SAAA,2zCAICC,EAAAA,6BACAC,EAAAA,2BCWD,SAAAC,EAAoBC,GAAAb,KAAAa,QAAAA,SAEpBD,EAAAT,UAAAW,aAAA,SAAaC,GAAb,IAAAC,EAAAhB,KACEA,KAAKe,OAASA,EACd,IAAME,EAAgB,IAAIC,EAAAA,cAAc,CACtCC,aAAa,EACbC,iBAAkBpB,KAAKa,QAAQQ,WAAWC,SAASC,qBAAqBC,OAAO,UAGjFxB,KAAKyB,YAAczB,KAAKa,QAAQa,OAAOT,GAEvC,IAAMU,EAAiB,IAAIC,EAAAA,gBAAgB7B,GACrC8B,EAAe7B,KAAKyB,YAAYK,OAAOH,GAI7CZ,EAAOgB,SAAWhB,EAAOgB,UAAY,IACrCC,YAAW,WACThB,EAAKiB,kBACJlB,EAAOgB,UAEVF,EAAaK,SAASjC,cAAckC,WAAU,WACxCpB,EAAOX,eACTW,EAAOX,gBAETY,EAAKiB,oBAITrB,EAAAT,UAAA8B,cAAA,WACMjC,KAAKyB,cACPzB,KAAKyB,YAAYW,UACjBpC,KAAKyB,YAAc,kJAvCxBY,EAAAA,WAAU9B,KAAA,CAAC,CACV+B,WAAY,oDANLC,EAAAA,4BCQT,SAAAC,YACSA,EAAAC,QAAP,WACE,MAAO,CACLC,SAAUF,EACVG,UAAW,CAAC/B,KAIT4B,EAAAI,SAAP,WACE,MAAO,CACLF,SAAUF,EACVG,UAAW,CAAE/B,8BArBlBiC,EAAAA,SAAQtC,KAAA,CAAC,CACRuC,aAAc,CACZ/C,GAEFgD,QAAS,CACPC,EAAAA,cAEFC,QAAS,CAAClD,GACVmD,gBAAiB,CAACnD","sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ISnackBarConfig } from '../snackbar.service';\n\n@Component({\n selector: 'app-snackbar',\n templateUrl: './snackbar.component.html',\n styleUrls: ['./snackbar.component.css']\n})\nexport class SnackbarComponent {\n @Input() config: ISnackBarConfig;\n @Output() triggerAction = new EventEmitter<void>();\n constructor(){}\n onActionClick(): void {\n this.triggerAction.emit();\n }\n}\n","export interface ISnackBarConfig {\n message: string;\n actionString: string;\n hasComponent: boolean;\n iconUrl?: string;\n component?: ComponentRef<any>;\n duration?: number;\n onActionClick?: () => void;\n}\nimport { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { ComponentRef, Injectable } from \"@angular/core\"; // Assuming you have defined ISnackBarConfig interface\nimport { SnackbarComponent } from \"./snackbar/snackbar.component\";\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class SnackbarService {\n config: ISnackBarConfig;\n private snackbarRef: OverlayRef;\n\n constructor(private overlay: Overlay) {}\n\n openSnackbar(config: ISnackBarConfig): void {\n this.config = config;\n const overlayConfig = new OverlayConfig({\n hasBackdrop: false,\n positionStrategy: this.overlay.position().global().centerHorizontally().bottom(\"48px\")\n });\n\n this.snackbarRef = this.overlay.create(overlayConfig);\n\n const snackbarPortal = new ComponentPortal(SnackbarComponent);\n const componentRef = this.snackbarRef.attach(snackbarPortal);\n\n // componentRef.instance.config = config;\n\n config.duration = config.duration || 3000;\n setTimeout(() => {\n this.closeSnackbar();\n }, config.duration);\n\n componentRef.instance.triggerAction.subscribe(() => {\n if (config.onActionClick) {\n config.onActionClick();\n }\n this.closeSnackbar();\n });\n }\n\n closeSnackbar(): void {\n if (this.snackbarRef) {\n this.snackbarRef.dispose();\n this.snackbarRef = null;\n }\n }\n}\n","import { ModuleWithProviders, NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SnackbarComponent } from './snackbar/snackbar.component';\nimport { SnackbarService } from './snackbar.service';\n\n\n\n@NgModule({\n declarations: [\n SnackbarComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [SnackbarComponent],\n entryComponents: [SnackbarComponent],\n})\nexport class SnackbarModule {\n static forRoot(): ModuleWithProviders<SnackbarModule> {\n return {\n ngModule: SnackbarModule,\n providers: [SnackbarService]\n };\n }\n\n static forChild(): ModuleWithProviders<SnackbarModule> {\n return {\n ngModule: SnackbarModule,\n providers: [ SnackbarService]\n };\n }\n }\n"]}
package/bundles/mis-crystal-design-system-star-rating.umd.js CHANGED
@@ -8,8 +8,8 @@
8
8
  function StarRatingComponent() {
9
9
  this.noOfStars = 0;
10
10
  this.selectedRating = -1;
11
- this.selectedStarSvg = '';
12
- this.emptyStarSvg = '';
11
+ this.selectedStarSvg = 'assets/selectedStar.svg';
12
+ this.emptyStarSvg = 'assets/star.svg';
13
13
  this.starHeight = '24px';
14
14
  this.starWidth = '24px';
15
15
  this.starSelectionAllowed = true;
package/bundles/mis-crystal-design-system-star-rating.umd.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"mis-crystal-design-system-star-rating.umd.js","sources":["../../../projects/mis-components/star-rating/star-rating.component.ts","../../../projects/mis-components/star-rating/star-rating.module.ts","../../../projects/mis-components/star-rating/mis-crystal-design-system-star-rating.ts"],"sourcesContent":["import { Component, OnInit, Input, Output, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';\n\n@Component({\n selector: 'mis-star-rating',\n templateUrl: './star-rating.component.html',\n styleUrls: ['./star-rating.component.scss']\n})\nexport class StarRatingComponent implements OnInit, OnChanges {\n\n @Input() noOfStars: number = 0;\n @Input() selectedRating: number = -1;\n @Input() selectedStarSvg = '';\n @Input() emptyStarSvg = '';\n @Input() starHeight = '24px';\n @Input() starWidth = '24px';\n @Input() starSelectionAllowed = true;\n @Input() starHoverAllowed = true;\n @Output('starRated') starRated: EventEmitter<number> = new EventEmitter();\n\n starData: STAR_DATA[] = [];\n selectedData: STAR_DATA[] = [];\n constructor() { }\n\n ngOnInit(): void {\n if(this.noOfStars > 0){\n this.starData = Array.from({ length: this.noOfStars }, (_, i) => ({\n id: i,\n asset: this.emptyStarSvg,\n hoverId: -1,\n }));\n }\n this.selectedRating = this.selectedRating > this.noOfStars ? this.noOfStars : this.selectedRating; \n this.assetsSelection(this.selectedRating);\n this.selectedData = JSON.parse(JSON.stringify(this.starData));\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n this.assetsSelection(this.selectedRating);\n this.selectedData = JSON.parse(JSON.stringify(this.starData));\n }\n\n assetsSelection(index: number = -1){\n this.starData.forEach((item: STAR_DATA) => {\n item.asset = item.id <= index - 1 ? this.selectedStarSvg : this.emptyStarSvg;\n item.hoverId = -1;\n });\n }\n\n starMouseOver(index){\n if (!this.starHoverAllowed) return;\n\n const threshold = this.selectedRating - 1;\n this.starData.forEach(item => {\n item.hoverId = index;\n item.asset = index > threshold && item.id <= index ? this.selectedStarSvg : this.selectedData[item.id].asset;\n });\n\n }\n\n starMouseLeave(){\n if(!this.starHoverAllowed) return;\n\n this.starData = JSON.parse(JSON.stringify(this.selectedData));\n this.assetsSelection(this.selectedRating);\n }\n\n selectedStarData(index: number){\n if(this.starSelectionAllowed){\n this.starRated.emit(index+1)\n }\n }\n\n}\n\nexport interface STAR_DATA {\n id: number,\n asset: string,\n hoverId: number\n}\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { StarRatingComponent } from \"./star-rating.component\";\n\n@NgModule({\n declarations: [StarRatingComponent],\n imports: [CommonModule],\n exports: [StarRatingComponent]\n})\nexport class StarRatingModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","Component","Input","Output","NgModule","CommonModule"],"mappings":";;;;;;;QAqBE;YAZS,cAAS,GAAW,CAAC,CAAC;YACtB,mBAAc,GAAW,CAAC,CAAC,CAAC;YAC5B,oBAAe,GAAG,EAAE,CAAC;YACrB,iBAAY,GAAG,EAAE,CAAC;YAClB,eAAU,GAAG,MAAM,CAAC;YACpB,cAAS,GAAG,MAAM,CAAC;YACnB,yBAAoB,GAAG,IAAI,CAAC;YAC5B,qBAAgB,GAAG,IAAI,CAAC;YACZ,cAAS,GAAyB,IAAIA,iBAAY,EAAE,CAAC;YAE1E,aAAQ,GAAgB,EAAE,CAAC;YAC3B,iBAAY,GAAgB,EAAE,CAAC;SACd;QAEjB,sCAAQ,GAAR;YAAA,iBAWC;YAVC,IAAG,IAAI,CAAC,SAAS,GAAG,CAAC,EAAC;gBACpB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,UAAC,CAAC,EAAE,CAAC,IAAK,QAAC;oBAChE,EAAE,EAAE,CAAC;oBACL,KAAK,EAAE,KAAI,CAAC,YAAY;oBACxB,OAAO,EAAE,CAAC,CAAC;iBACZ,IAAC,CAAC,CAAC;aACL;YACD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC;YAClG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAC1C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;SAC/D;QAED,yCAAW,GAAX,UAAY,OAAsB;YAChC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAC1C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;SAC/D;QAED,6CAAe,GAAf,UAAgB,KAAkB;YAAlC,iBAKC;YALe,sBAAA,EAAA,SAAiB,CAAC;YAChC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAC,IAAe;gBACpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,IAAI,KAAK,GAAG,CAAC,GAAG,KAAI,CAAC,eAAe,GAAG,KAAI,CAAC,YAAY,CAAC;gBAC7E,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;aACnB,CAAC,CAAC;SACJ;QAED,2CAAa,GAAb,UAAc,KAAK;YAAnB,iBASC;YARC,IAAI,CAAC,IAAI,CAAC,gBAAgB;gBAAE,OAAO;YAEnC,IAAM,SAAS,GAAG,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC;YAC1C,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAA,IAAI;gBACxB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,SAAS,IAAI,IAAI,CAAC,EAAE,IAAI,KAAK,GAAG,KAAI,CAAC,eAAe,GAAG,KAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC;aAC9G,CAAC,CAAC;SAEJ;QAED,4CAAc,GAAd;YACE,IAAG,CAAC,IAAI,CAAC,gBAAgB;gBAAE,OAAO;YAElC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;YAC9D,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;SAC3C;QAED,8CAAgB,GAAhB,UAAiB,KAAa;YAC5B,IAAG,IAAI,CAAC,oBAAoB,EAAC;gBAC3B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,GAAC,CAAC,CAAC,CAAA;aAC7B;SACF;;;;gBApEFC,cAAS,SAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,+mBAA2C;;iBAE5C;;;;4BAGEC,UAAK;iCACLA,UAAK;kCACLA,UAAK;+BACLA,UAAK;6BACLA,UAAK;4BACLA,UAAK;uCACLA,UAAK;mCACLA,UAAK;4BACLC,WAAM,SAAC,WAAW;;;;QCRrB;;;;;gBALCC,aAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;oBACnC,OAAO,EAAE,CAACC,mBAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,mBAAmB,CAAC;iBAC/B;;;ICRD;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"mis-crystal-design-system-star-rating.umd.js","sources":["../../../projects/mis-components/star-rating/star-rating.component.ts","../../../projects/mis-components/star-rating/star-rating.module.ts","../../../projects/mis-components/star-rating/mis-crystal-design-system-star-rating.ts"],"sourcesContent":["import { Component, OnInit, Input, Output, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';\n\n@Component({\n selector: 'mis-star-rating',\n templateUrl: './star-rating.component.html',\n styleUrls: ['./star-rating.component.scss']\n})\nexport class StarRatingComponent implements OnInit, OnChanges {\n\n @Input() noOfStars: number = 0;\n @Input() selectedRating: number = -1;\n @Input() selectedStarSvg = 'assets/selectedStar.svg';\n @Input() emptyStarSvg = 'assets/star.svg';\n @Input() starHeight = '24px';\n @Input() starWidth = '24px';\n @Input() starSelectionAllowed = true;\n @Input() starHoverAllowed = true;\n @Output('starRated') starRated: EventEmitter<number> = new EventEmitter();\n\n starData: STAR_DATA[] = [];\n selectedData: STAR_DATA[] = [];\n constructor() { }\n\n ngOnInit(): void {\n if(this.noOfStars > 0){\n this.starData = Array.from({ length: this.noOfStars }, (_, i) => ({\n id: i,\n asset: this.emptyStarSvg,\n hoverId: -1,\n }));\n }\n this.selectedRating = this.selectedRating > this.noOfStars ? this.noOfStars : this.selectedRating; \n this.assetsSelection(this.selectedRating);\n this.selectedData = JSON.parse(JSON.stringify(this.starData));\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n this.assetsSelection(this.selectedRating);\n this.selectedData = JSON.parse(JSON.stringify(this.starData));\n }\n\n assetsSelection(index: number = -1){\n this.starData.forEach((item: STAR_DATA) => {\n item.asset = item.id <= index - 1 ? this.selectedStarSvg : this.emptyStarSvg;\n item.hoverId = -1;\n });\n }\n\n starMouseOver(index){\n if (!this.starHoverAllowed) return;\n\n const threshold = this.selectedRating - 1;\n this.starData.forEach(item => {\n item.hoverId = index;\n item.asset = index > threshold && item.id <= index ? this.selectedStarSvg : this.selectedData[item.id].asset;\n });\n\n }\n\n starMouseLeave(){\n if(!this.starHoverAllowed) return;\n\n this.starData = JSON.parse(JSON.stringify(this.selectedData));\n this.assetsSelection(this.selectedRating);\n }\n\n selectedStarData(index: number){\n if(this.starSelectionAllowed){\n this.starRated.emit(index+1)\n }\n }\n\n}\n\nexport interface STAR_DATA {\n id: number,\n asset: string,\n hoverId: number\n}\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { StarRatingComponent } from \"./star-rating.component\";\n\n@NgModule({\n declarations: [StarRatingComponent],\n imports: [CommonModule],\n exports: [StarRatingComponent]\n})\nexport class StarRatingModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["EventEmitter","Component","Input","Output","NgModule","CommonModule"],"mappings":";;;;;;;QAqBE;YAZS,cAAS,GAAW,CAAC,CAAC;YACtB,mBAAc,GAAW,CAAC,CAAC,CAAC;YAC5B,oBAAe,GAAG,yBAAyB,CAAC;YAC5C,iBAAY,GAAG,iBAAiB,CAAC;YACjC,eAAU,GAAG,MAAM,CAAC;YACpB,cAAS,GAAG,MAAM,CAAC;YACnB,yBAAoB,GAAG,IAAI,CAAC;YAC5B,qBAAgB,GAAG,IAAI,CAAC;YACZ,cAAS,GAAyB,IAAIA,iBAAY,EAAE,CAAC;YAE1E,aAAQ,GAAgB,EAAE,CAAC;YAC3B,iBAAY,GAAgB,EAAE,CAAC;SACd;QAEjB,sCAAQ,GAAR;YAAA,iBAWC;YAVC,IAAG,IAAI,CAAC,SAAS,GAAG,CAAC,EAAC;gBACpB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,UAAC,CAAC,EAAE,CAAC,IAAK,QAAC;oBAChE,EAAE,EAAE,CAAC;oBACL,KAAK,EAAE,KAAI,CAAC,YAAY;oBACxB,OAAO,EAAE,CAAC,CAAC;iBACZ,IAAC,CAAC,CAAC;aACL;YACD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC;YAClG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAC1C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;SAC/D;QAED,yCAAW,GAAX,UAAY,OAAsB;YAChC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YAC1C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;SAC/D;QAED,6CAAe,GAAf,UAAgB,KAAkB;YAAlC,iBAKC;YALe,sBAAA,EAAA,SAAiB,CAAC;YAChC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAC,IAAe;gBACpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,IAAI,KAAK,GAAG,CAAC,GAAG,KAAI,CAAC,eAAe,GAAG,KAAI,CAAC,YAAY,CAAC;gBAC7E,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;aACnB,CAAC,CAAC;SACJ;QAED,2CAAa,GAAb,UAAc,KAAK;YAAnB,iBASC;YARC,IAAI,CAAC,IAAI,CAAC,gBAAgB;gBAAE,OAAO;YAEnC,IAAM,SAAS,GAAG,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC;YAC1C,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAA,IAAI;gBACxB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,SAAS,IAAI,IAAI,CAAC,EAAE,IAAI,KAAK,GAAG,KAAI,CAAC,eAAe,GAAG,KAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC;aAC9G,CAAC,CAAC;SAEJ;QAED,4CAAc,GAAd;YACE,IAAG,CAAC,IAAI,CAAC,gBAAgB;gBAAE,OAAO;YAElC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;YAC9D,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;SAC3C;QAED,8CAAgB,GAAhB,UAAiB,KAAa;YAC5B,IAAG,IAAI,CAAC,oBAAoB,EAAC;gBAC3B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,GAAC,CAAC,CAAC,CAAA;aAC7B;SACF;;;;gBApEFC,cAAS,SAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,+mBAA2C;;iBAE5C;;;;4BAGEC,UAAK;iCACLA,UAAK;kCACLA,UAAK;+BACLA,UAAK;6BACLA,UAAK;4BACLA,UAAK;uCACLA,UAAK;mCACLA,UAAK;4BACLC,WAAM,SAAC,WAAW;;;;QCRrB;;;;;gBALCC,aAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;oBACnC,OAAO,EAAE,CAACC,mBAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,mBAAmB,CAAC;iBAC/B;;;ICRD;;;;;;;;;;;;;"}
package/bundles/mis-crystal-design-system-star-rating.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
- !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/common"),require("@angular/core")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/star-rating",["exports","@angular/common","@angular/core"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self)["mis-crystal-design-system"]=t["mis-crystal-design-system"]||{},t["mis-crystal-design-system"]["star-rating"]={}),t.ng.common,t.ng.core)}(this,(function(t,e,s){"use strict";var a=function(){function t(){this.noOfStars=0,this.selectedRating=-1,this.selectedStarSvg="",this.emptyStarSvg="",this.starHeight="24px",this.starWidth="24px",this.starSelectionAllowed=!0,this.starHoverAllowed=!0,this.starRated=new s.EventEmitter,this.starData=[],this.selectedData=[]}return t.prototype.ngOnInit=function(){var t=this;this.noOfStars>0&&(this.starData=Array.from({length:this.noOfStars},(function(e,s){return{id:s,asset:t.emptyStarSvg,hoverId:-1}}))),this.selectedRating=this.selectedRating>this.noOfStars?this.noOfStars:this.selectedRating,this.assetsSelection(this.selectedRating),this.selectedData=JSON.parse(JSON.stringify(this.starData))},t.prototype.ngOnChanges=function(t){this.assetsSelection(this.selectedRating),this.selectedData=JSON.parse(JSON.stringify(this.starData))},t.prototype.assetsSelection=function(t){var e=this;void 0===t&&(t=-1),this.starData.forEach((function(s){s.asset=s.id<=t-1?e.selectedStarSvg:e.emptyStarSvg,s.hoverId=-1}))},t.prototype.starMouseOver=function(t){var e=this;if(this.starHoverAllowed){var s=this.selectedRating-1;this.starData.forEach((function(a){a.hoverId=t,a.asset=t>s&&a.id<=t?e.selectedStarSvg:e.selectedData[a.id].asset}))}},t.prototype.starMouseLeave=function(){this.starHoverAllowed&&(this.starData=JSON.parse(JSON.stringify(this.selectedData)),this.assetsSelection(this.selectedRating))},t.prototype.selectedStarData=function(t){this.starSelectionAllowed&&this.starRated.emit(t+1)},t}();a.decorators=[{type:s.Component,args:[{selector:"mis-star-rating",template:'<div class="rating-container" (mouseleave)="starMouseLeave()" [ngStyle]="{\'cursor\': starSelectionAllowed ? \'pointer\' : \'not-allowed\'}">\n <div class="stars-container" *ngFor="let star of starData">\n <div class="star" \n (click)="selectedStarData(star.id)" \n (mouseover)="starMouseOver(star.id)"\n [ngClass]="{\'hoveredStarZoom\': star.id === star.hoverId, \'not-hovered\' : star.hoverId >=0 && star.id > star.hoverId}"\n >\n <img [src]="star.asset" [ngStyle]="{\'height\': starHeight, \'width\': starWidth}">\n </div>\n </div>\n</div>\n',styles:[".rating-container{display:flex;flex-direction:row;gap:12px}.not-hovered{opacity:.6}.hoveredStarZoom{transform:scale(1.2);filter:drop-shadow(0 2px 5px #e79c11);transition:all .3s ease-out}"]}]}],a.ctorParameters=function(){return[]},a.propDecorators={noOfStars:[{type:s.Input}],selectedRating:[{type:s.Input}],selectedStarSvg:[{type:s.Input}],emptyStarSvg:[{type:s.Input}],starHeight:[{type:s.Input}],starWidth:[{type:s.Input}],starSelectionAllowed:[{type:s.Input}],starHoverAllowed:[{type:s.Input}],starRated:[{type:s.Output,args:["starRated"]}]};var r=function(){};r.decorators=[{type:s.NgModule,args:[{declarations:[a],imports:[e.CommonModule],exports:[a]}]}],t.StarRatingComponent=a,t.StarRatingModule=r,Object.defineProperty(t,"__esModule",{value:!0})}));
1
+ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/common"),require("@angular/core")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/star-rating",["exports","@angular/common","@angular/core"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self)["mis-crystal-design-system"]=t["mis-crystal-design-system"]||{},t["mis-crystal-design-system"]["star-rating"]={}),t.ng.common,t.ng.core)}(this,(function(t,e,s){"use strict";var a=function(){function t(){this.noOfStars=0,this.selectedRating=-1,this.selectedStarSvg="assets/selectedStar.svg",this.emptyStarSvg="assets/star.svg",this.starHeight="24px",this.starWidth="24px",this.starSelectionAllowed=!0,this.starHoverAllowed=!0,this.starRated=new s.EventEmitter,this.starData=[],this.selectedData=[]}return t.prototype.ngOnInit=function(){var t=this;this.noOfStars>0&&(this.starData=Array.from({length:this.noOfStars},(function(e,s){return{id:s,asset:t.emptyStarSvg,hoverId:-1}}))),this.selectedRating=this.selectedRating>this.noOfStars?this.noOfStars:this.selectedRating,this.assetsSelection(this.selectedRating),this.selectedData=JSON.parse(JSON.stringify(this.starData))},t.prototype.ngOnChanges=function(t){this.assetsSelection(this.selectedRating),this.selectedData=JSON.parse(JSON.stringify(this.starData))},t.prototype.assetsSelection=function(t){var e=this;void 0===t&&(t=-1),this.starData.forEach((function(s){s.asset=s.id<=t-1?e.selectedStarSvg:e.emptyStarSvg,s.hoverId=-1}))},t.prototype.starMouseOver=function(t){var e=this;if(this.starHoverAllowed){var s=this.selectedRating-1;this.starData.forEach((function(a){a.hoverId=t,a.asset=t>s&&a.id<=t?e.selectedStarSvg:e.selectedData[a.id].asset}))}},t.prototype.starMouseLeave=function(){this.starHoverAllowed&&(this.starData=JSON.parse(JSON.stringify(this.selectedData)),this.assetsSelection(this.selectedRating))},t.prototype.selectedStarData=function(t){this.starSelectionAllowed&&this.starRated.emit(t+1)},t}();a.decorators=[{type:s.Component,args:[{selector:"mis-star-rating",template:'<div class="rating-container" (mouseleave)="starMouseLeave()" [ngStyle]="{\'cursor\': starSelectionAllowed ? \'pointer\' : \'not-allowed\'}">\n <div class="stars-container" *ngFor="let star of starData">\n <div class="star" \n (click)="selectedStarData(star.id)" \n (mouseover)="starMouseOver(star.id)"\n [ngClass]="{\'hoveredStarZoom\': star.id === star.hoverId, \'not-hovered\' : star.hoverId >=0 && star.id > star.hoverId}"\n >\n <img [src]="star.asset" [ngStyle]="{\'height\': starHeight, \'width\': starWidth}">\n </div>\n </div>\n</div>\n',styles:[".rating-container{display:flex;flex-direction:row;gap:12px}.not-hovered{opacity:.6}.hoveredStarZoom{transform:scale(1.2);filter:drop-shadow(0 2px 5px #e79c11);transition:all .3s ease-out}"]}]}],a.ctorParameters=function(){return[]},a.propDecorators={noOfStars:[{type:s.Input}],selectedRating:[{type:s.Input}],selectedStarSvg:[{type:s.Input}],emptyStarSvg:[{type:s.Input}],starHeight:[{type:s.Input}],starWidth:[{type:s.Input}],starSelectionAllowed:[{type:s.Input}],starHoverAllowed:[{type:s.Input}],starRated:[{type:s.Output,args:["starRated"]}]};var r=function(){};r.decorators=[{type:s.NgModule,args:[{declarations:[a],imports:[e.CommonModule],exports:[a]}]}],t.StarRatingComponent=a,t.StarRatingModule=r,Object.defineProperty(t,"__esModule",{value:!0})}));
2
2
  //# sourceMappingURL=mis-crystal-design-system-star-rating.umd.min.js.map
package/bundles/mis-crystal-design-system-star-rating.umd.min.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../projects/mis-components/star-rating/star-rating.component.ts","../../../projects/mis-components/star-rating/star-rating.module.ts"],"names":["StarRatingComponent","this","noOfStars","selectedRating","selectedStarSvg","emptyStarSvg","starHeight","starWidth","starSelectionAllowed","starHoverAllowed","starRated","EventEmitter","starData","selectedData","prototype","ngOnInit","_this","Array","from","length","_","i","id","asset","hoverId","assetsSelection","JSON","parse","stringify","ngOnChanges","changes","index","forEach","item","starMouseOver","threshold","starMouseLeave","selectedStarData","emit","Component","args","selector","template","Input","Output","NgModule","declarations","imports","CommonModule","exports"],"mappings":"ggBAqBE,SAAAA,IAZSC,KAAAC,UAAoB,EACpBD,KAAAE,gBAA0B,EAC1BF,KAAAG,gBAAkB,GAClBH,KAAAI,aAAe,GACfJ,KAAAK,WAAa,OACbL,KAAAM,UAAY,OACZN,KAAAO,sBAAuB,EACvBP,KAAAQ,kBAAmB,EACPR,KAAAS,UAAkC,IAAIC,EAAAA,aAE3DV,KAAAW,SAAwB,GACxBX,KAAAY,aAA4B,UAG5Bb,EAAAc,UAAAC,SAAA,WAAA,IAAAC,EAAAf,KACKA,KAAKC,UAAY,IAClBD,KAAKW,SAAWK,MAAMC,KAAK,CAAEC,OAAQlB,KAAKC,YAAa,SAACkB,EAAGC,GAAM,MAAA,CAC/DC,GAAID,EACJE,MAAOP,EAAKX,aACZmB,SAAU,OAGdvB,KAAKE,eAAiBF,KAAKE,eAAiBF,KAAKC,UAAYD,KAAKC,UAAYD,KAAKE,eACnFF,KAAKwB,gBAAgBxB,KAAKE,gBAC1BF,KAAKY,aAAea,KAAKC,MAAMD,KAAKE,UAAU3B,KAAKW,YAGrDZ,EAAAc,UAAAe,YAAA,SAAYC,GACV7B,KAAKwB,gBAAgBxB,KAAKE,gBAC1BF,KAAKY,aAAea,KAAKC,MAAMD,KAAKE,UAAU3B,KAAKW,YAGrDZ,EAAAc,UAAAW,gBAAA,SAAgBM,GAAhB,IAAAf,EAAAf,UAAgB,IAAA8B,IAAAA,GAAiB,GAC/B9B,KAAKW,SAASoB,SAAQ,SAACC,GACrBA,EAAKV,MAAQU,EAAKX,IAAMS,EAAQ,EAAIf,EAAKZ,gBAAkBY,EAAKX,aAChE4B,EAAKT,SAAW,MAIpBxB,EAAAc,UAAAoB,cAAA,SAAcH,GAAd,IAAAf,EAAAf,KACE,GAAKA,KAAKQ,iBAAV,CAEA,IAAM0B,EAAYlC,KAAKE,eAAiB,EACxCF,KAAKW,SAASoB,SAAQ,SAAAC,GACpBA,EAAKT,QAAUO,EACfE,EAAKV,MAAQQ,EAAQI,GAAaF,EAAKX,IAAMS,EAAQf,EAAKZ,gBAAkBY,EAAKH,aAAaoB,EAAKX,IAAIC,WAK3GvB,EAAAc,UAAAsB,eAAA,WACMnC,KAAKQ,mBAETR,KAAKW,SAAWc,KAAKC,MAAMD,KAAKE,UAAU3B,KAAKY,eAC/CZ,KAAKwB,gBAAgBxB,KAAKE,kBAG5BH,EAAAc,UAAAuB,iBAAA,SAAiBN,GACZ9B,KAAKO,sBACNP,KAAKS,UAAU4B,KAAKP,EAAM,6BAlE/BQ,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,kBACVC,SAAA,k3BAKCC,EAAAA,8BACAA,EAAAA,+BACAA,EAAAA,4BACAA,EAAAA,0BACAA,EAAAA,yBACAA,EAAAA,oCACAA,EAAAA,gCACAA,EAAAA,yBACAC,EAAAA,OAAMJ,KAAA,CAAC,sBCRV,iCALCK,EAAAA,SAAQL,KAAA,CAAC,CACRM,aAAc,CAAC9C,GACf+C,QAAS,CAACC,EAAAA,cACVC,QAAS,CAACjD","sourcesContent":["import { Component, OnInit, Input, Output, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';\n\n@Component({\n selector: 'mis-star-rating',\n templateUrl: './star-rating.component.html',\n styleUrls: ['./star-rating.component.scss']\n})\nexport class StarRatingComponent implements OnInit, OnChanges {\n\n @Input() noOfStars: number = 0;\n @Input() selectedRating: number = -1;\n @Input() selectedStarSvg = '';\n @Input() emptyStarSvg = '';\n @Input() starHeight = '24px';\n @Input() starWidth = '24px';\n @Input() starSelectionAllowed = true;\n @Input() starHoverAllowed = true;\n @Output('starRated') starRated: EventEmitter<number> = new EventEmitter();\n\n starData: STAR_DATA[] = [];\n selectedData: STAR_DATA[] = [];\n constructor() { }\n\n ngOnInit(): void {\n if(this.noOfStars > 0){\n this.starData = Array.from({ length: this.noOfStars }, (_, i) => ({\n id: i,\n asset: this.emptyStarSvg,\n hoverId: -1,\n }));\n }\n this.selectedRating = this.selectedRating > this.noOfStars ? this.noOfStars : this.selectedRating; \n this.assetsSelection(this.selectedRating);\n this.selectedData = JSON.parse(JSON.stringify(this.starData));\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n this.assetsSelection(this.selectedRating);\n this.selectedData = JSON.parse(JSON.stringify(this.starData));\n }\n\n assetsSelection(index: number = -1){\n this.starData.forEach((item: STAR_DATA) => {\n item.asset = item.id <= index - 1 ? this.selectedStarSvg : this.emptyStarSvg;\n item.hoverId = -1;\n });\n }\n\n starMouseOver(index){\n if (!this.starHoverAllowed) return;\n\n const threshold = this.selectedRating - 1;\n this.starData.forEach(item => {\n item.hoverId = index;\n item.asset = index > threshold && item.id <= index ? this.selectedStarSvg : this.selectedData[item.id].asset;\n });\n\n }\n\n starMouseLeave(){\n if(!this.starHoverAllowed) return;\n\n this.starData = JSON.parse(JSON.stringify(this.selectedData));\n this.assetsSelection(this.selectedRating);\n }\n\n selectedStarData(index: number){\n if(this.starSelectionAllowed){\n this.starRated.emit(index+1)\n }\n }\n\n}\n\nexport interface STAR_DATA {\n id: number,\n asset: string,\n hoverId: number\n}\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { StarRatingComponent } from \"./star-rating.component\";\n\n@NgModule({\n declarations: [StarRatingComponent],\n imports: [CommonModule],\n exports: [StarRatingComponent]\n})\nexport class StarRatingModule {\n}\n"]}
1
+ {"version":3,"sources":["../../../projects/mis-components/star-rating/star-rating.component.ts","../../../projects/mis-components/star-rating/star-rating.module.ts"],"names":["StarRatingComponent","this","noOfStars","selectedRating","selectedStarSvg","emptyStarSvg","starHeight","starWidth","starSelectionAllowed","starHoverAllowed","starRated","EventEmitter","starData","selectedData","prototype","ngOnInit","_this","Array","from","length","_","i","id","asset","hoverId","assetsSelection","JSON","parse","stringify","ngOnChanges","changes","index","forEach","item","starMouseOver","threshold","starMouseLeave","selectedStarData","emit","Component","args","selector","template","Input","Output","NgModule","declarations","imports","CommonModule","exports"],"mappings":"ggBAqBE,SAAAA,IAZSC,KAAAC,UAAoB,EACpBD,KAAAE,gBAA0B,EAC1BF,KAAAG,gBAAkB,0BAClBH,KAAAI,aAAe,kBACfJ,KAAAK,WAAa,OACbL,KAAAM,UAAY,OACZN,KAAAO,sBAAuB,EACvBP,KAAAQ,kBAAmB,EACPR,KAAAS,UAAkC,IAAIC,EAAAA,aAE3DV,KAAAW,SAAwB,GACxBX,KAAAY,aAA4B,UAG5Bb,EAAAc,UAAAC,SAAA,WAAA,IAAAC,EAAAf,KACKA,KAAKC,UAAY,IAClBD,KAAKW,SAAWK,MAAMC,KAAK,CAAEC,OAAQlB,KAAKC,YAAa,SAACkB,EAAGC,GAAM,MAAA,CAC/DC,GAAID,EACJE,MAAOP,EAAKX,aACZmB,SAAU,OAGdvB,KAAKE,eAAiBF,KAAKE,eAAiBF,KAAKC,UAAYD,KAAKC,UAAYD,KAAKE,eACnFF,KAAKwB,gBAAgBxB,KAAKE,gBAC1BF,KAAKY,aAAea,KAAKC,MAAMD,KAAKE,UAAU3B,KAAKW,YAGrDZ,EAAAc,UAAAe,YAAA,SAAYC,GACV7B,KAAKwB,gBAAgBxB,KAAKE,gBAC1BF,KAAKY,aAAea,KAAKC,MAAMD,KAAKE,UAAU3B,KAAKW,YAGrDZ,EAAAc,UAAAW,gBAAA,SAAgBM,GAAhB,IAAAf,EAAAf,UAAgB,IAAA8B,IAAAA,GAAiB,GAC/B9B,KAAKW,SAASoB,SAAQ,SAACC,GACrBA,EAAKV,MAAQU,EAAKX,IAAMS,EAAQ,EAAIf,EAAKZ,gBAAkBY,EAAKX,aAChE4B,EAAKT,SAAW,MAIpBxB,EAAAc,UAAAoB,cAAA,SAAcH,GAAd,IAAAf,EAAAf,KACE,GAAKA,KAAKQ,iBAAV,CAEA,IAAM0B,EAAYlC,KAAKE,eAAiB,EACxCF,KAAKW,SAASoB,SAAQ,SAAAC,GACpBA,EAAKT,QAAUO,EACfE,EAAKV,MAAQQ,EAAQI,GAAaF,EAAKX,IAAMS,EAAQf,EAAKZ,gBAAkBY,EAAKH,aAAaoB,EAAKX,IAAIC,WAK3GvB,EAAAc,UAAAsB,eAAA,WACMnC,KAAKQ,mBAETR,KAAKW,SAAWc,KAAKC,MAAMD,KAAKE,UAAU3B,KAAKY,eAC/CZ,KAAKwB,gBAAgBxB,KAAKE,kBAG5BH,EAAAc,UAAAuB,iBAAA,SAAiBN,GACZ9B,KAAKO,sBACNP,KAAKS,UAAU4B,KAAKP,EAAM,6BAlE/BQ,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,kBACVC,SAAA,k3BAKCC,EAAAA,8BACAA,EAAAA,+BACAA,EAAAA,4BACAA,EAAAA,0BACAA,EAAAA,yBACAA,EAAAA,oCACAA,EAAAA,gCACAA,EAAAA,yBACAC,EAAAA,OAAMJ,KAAA,CAAC,sBCRV,iCALCK,EAAAA,SAAQL,KAAA,CAAC,CACRM,aAAc,CAAC9C,GACf+C,QAAS,CAACC,EAAAA,cACVC,QAAS,CAACjD","sourcesContent":["import { Component, OnInit, Input, Output, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';\n\n@Component({\n selector: 'mis-star-rating',\n templateUrl: './star-rating.component.html',\n styleUrls: ['./star-rating.component.scss']\n})\nexport class StarRatingComponent implements OnInit, OnChanges {\n\n @Input() noOfStars: number = 0;\n @Input() selectedRating: number = -1;\n @Input() selectedStarSvg = 'assets/selectedStar.svg';\n @Input() emptyStarSvg = 'assets/star.svg';\n @Input() starHeight = '24px';\n @Input() starWidth = '24px';\n @Input() starSelectionAllowed = true;\n @Input() starHoverAllowed = true;\n @Output('starRated') starRated: EventEmitter<number> = new EventEmitter();\n\n starData: STAR_DATA[] = [];\n selectedData: STAR_DATA[] = [];\n constructor() { }\n\n ngOnInit(): void {\n if(this.noOfStars > 0){\n this.starData = Array.from({ length: this.noOfStars }, (_, i) => ({\n id: i,\n asset: this.emptyStarSvg,\n hoverId: -1,\n }));\n }\n this.selectedRating = this.selectedRating > this.noOfStars ? this.noOfStars : this.selectedRating; \n this.assetsSelection(this.selectedRating);\n this.selectedData = JSON.parse(JSON.stringify(this.starData));\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n this.assetsSelection(this.selectedRating);\n this.selectedData = JSON.parse(JSON.stringify(this.starData));\n }\n\n assetsSelection(index: number = -1){\n this.starData.forEach((item: STAR_DATA) => {\n item.asset = item.id <= index - 1 ? this.selectedStarSvg : this.emptyStarSvg;\n item.hoverId = -1;\n });\n }\n\n starMouseOver(index){\n if (!this.starHoverAllowed) return;\n\n const threshold = this.selectedRating - 1;\n this.starData.forEach(item => {\n item.hoverId = index;\n item.asset = index > threshold && item.id <= index ? this.selectedStarSvg : this.selectedData[item.id].asset;\n });\n\n }\n\n starMouseLeave(){\n if(!this.starHoverAllowed) return;\n\n this.starData = JSON.parse(JSON.stringify(this.selectedData));\n this.assetsSelection(this.selectedRating);\n }\n\n selectedStarData(index: number){\n if(this.starSelectionAllowed){\n this.starRated.emit(index+1)\n }\n }\n\n}\n\nexport interface STAR_DATA {\n id: number,\n asset: string,\n hoverId: number\n}\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { StarRatingComponent } from \"./star-rating.component\";\n\n@NgModule({\n declarations: [StarRatingComponent],\n imports: [CommonModule],\n exports: [StarRatingComponent]\n})\nexport class StarRatingModule {\n}\n"]}