mis-crystal-design-system 4.0.37 → 4.0.39-test-1

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 (112) hide show
  1. package/action-list/mis-crystal-design-system-action-list.metadata.json +1 -1
  2. package/bundles/mis-crystal-design-system-action-list.umd.js +495 -641
  3. package/bundles/mis-crystal-design-system-action-list.umd.js.map +1 -1
  4. package/bundles/mis-crystal-design-system-action-list.umd.min.js +15 -1
  5. package/bundles/mis-crystal-design-system-action-list.umd.min.js.map +1 -1
  6. package/bundles/mis-crystal-design-system-analytics.umd.js +409 -555
  7. package/bundles/mis-crystal-design-system-analytics.umd.js.map +1 -1
  8. package/bundles/mis-crystal-design-system-analytics.umd.min.js +15 -1
  9. package/bundles/mis-crystal-design-system-analytics.umd.min.js.map +1 -1
  10. package/bundles/mis-crystal-design-system-async-search-dropdown.umd.js +1 -5
  11. package/bundles/mis-crystal-design-system-async-search-dropdown.umd.js.map +1 -1
  12. package/bundles/mis-crystal-design-system-async-search-dropdown.umd.min.js +1 -1
  13. package/bundles/mis-crystal-design-system-async-search-dropdown.umd.min.js.map +1 -1
  14. package/bundles/mis-crystal-design-system-checkbox.umd.js +1 -1
  15. package/bundles/mis-crystal-design-system-checkbox.umd.min.js +1 -1
  16. package/bundles/mis-crystal-design-system-checkbox.umd.min.js.map +1 -1
  17. package/bundles/mis-crystal-design-system-datepicker_v2.umd.js +690 -836
  18. package/bundles/mis-crystal-design-system-datepicker_v2.umd.js.map +1 -1
  19. package/bundles/mis-crystal-design-system-datepicker_v2.umd.min.js +15 -1
  20. package/bundles/mis-crystal-design-system-datepicker_v2.umd.min.js.map +1 -1
  21. package/bundles/mis-crystal-design-system-daterangepicker_v2.umd.js +450 -891
  22. package/bundles/mis-crystal-design-system-daterangepicker_v2.umd.js.map +1 -1
  23. package/bundles/mis-crystal-design-system-daterangepicker_v2.umd.min.js +1 -1
  24. package/bundles/mis-crystal-design-system-daterangepicker_v2.umd.min.js.map +1 -1
  25. package/bundles/mis-crystal-design-system-dropdown.umd.js +502 -648
  26. package/bundles/mis-crystal-design-system-dropdown.umd.js.map +1 -1
  27. package/bundles/mis-crystal-design-system-dropdown.umd.min.js +15 -1
  28. package/bundles/mis-crystal-design-system-dropdown.umd.min.js.map +1 -1
  29. package/bundles/mis-crystal-design-system-dynamic-form.umd.js +723 -869
  30. package/bundles/mis-crystal-design-system-dynamic-form.umd.js.map +1 -1
  31. package/bundles/mis-crystal-design-system-dynamic-form.umd.min.js +15 -1
  32. package/bundles/mis-crystal-design-system-dynamic-form.umd.min.js.map +1 -1
  33. package/bundles/mis-crystal-design-system-input.umd.js +1 -1
  34. package/bundles/mis-crystal-design-system-input.umd.min.js +1 -1
  35. package/bundles/mis-crystal-design-system-input.umd.min.js.map +1 -1
  36. package/bundles/mis-crystal-design-system-loader.umd.js +1 -1
  37. package/bundles/mis-crystal-design-system-loader.umd.min.js +1 -1
  38. package/bundles/mis-crystal-design-system-loader.umd.min.js.map +1 -1
  39. package/bundles/mis-crystal-design-system-multi-select-dropdown.umd.js +610 -756
  40. package/bundles/mis-crystal-design-system-multi-select-dropdown.umd.js.map +1 -1
  41. package/bundles/mis-crystal-design-system-multi-select-dropdown.umd.min.js +15 -1
  42. package/bundles/mis-crystal-design-system-multi-select-dropdown.umd.min.js.map +1 -1
  43. package/bundles/mis-crystal-design-system-nested-multi-select-dropdown.umd.js +623 -769
  44. package/bundles/mis-crystal-design-system-nested-multi-select-dropdown.umd.js.map +1 -1
  45. package/bundles/mis-crystal-design-system-nested-multi-select-dropdown.umd.min.js +15 -1
  46. package/bundles/mis-crystal-design-system-nested-multi-select-dropdown.umd.min.js.map +1 -1
  47. package/bundles/mis-crystal-design-system-ske-loader.umd.js +1 -1
  48. package/bundles/mis-crystal-design-system-ske-loader.umd.min.js +1 -1
  49. package/bundles/mis-crystal-design-system-ske-loader.umd.min.js.map +1 -1
  50. package/bundles/mis-crystal-design-system-specificdatepicker.umd.js +961 -1107
  51. package/bundles/mis-crystal-design-system-specificdatepicker.umd.js.map +1 -1
  52. package/bundles/mis-crystal-design-system-specificdatepicker.umd.min.js +15 -1
  53. package/bundles/mis-crystal-design-system-specificdatepicker.umd.min.js.map +1 -1
  54. package/bundles/mis-crystal-design-system-table.umd.js +768 -914
  55. package/bundles/mis-crystal-design-system-table.umd.js.map +1 -1
  56. package/bundles/mis-crystal-design-system-table.umd.min.js +15 -1
  57. package/bundles/mis-crystal-design-system-table.umd.min.js.map +1 -1
  58. package/bundles/mis-crystal-design-system-timepicker.umd.js +670 -816
  59. package/bundles/mis-crystal-design-system-timepicker.umd.js.map +1 -1
  60. package/bundles/mis-crystal-design-system-timepicker.umd.min.js +15 -1
  61. package/bundles/mis-crystal-design-system-timepicker.umd.min.js.map +1 -1
  62. package/bundles/mis-crystal-design-system-virtual-scroll.umd.js +457 -603
  63. package/bundles/mis-crystal-design-system-virtual-scroll.umd.js.map +1 -1
  64. package/bundles/mis-crystal-design-system-virtual-scroll.umd.min.js +15 -1
  65. package/bundles/mis-crystal-design-system-virtual-scroll.umd.min.js.map +1 -1
  66. package/bundles/mis-crystal-design-system-widgets.umd.js +462 -608
  67. package/bundles/mis-crystal-design-system-widgets.umd.js.map +1 -1
  68. package/bundles/mis-crystal-design-system-widgets.umd.min.js +15 -1
  69. package/bundles/mis-crystal-design-system-widgets.umd.min.js.map +1 -1
  70. package/checkbox/mis-crystal-design-system-checkbox.metadata.json +1 -1
  71. package/datepicker_v2/mis-crystal-design-system-datepicker_v2.metadata.json +1 -1
  72. package/daterangepicker_v2/mis-crystal-design-system-daterangepicker_v2.metadata.json +1 -1
  73. package/dropdown/mis-crystal-design-system-dropdown.metadata.json +1 -1
  74. package/dynamic-form/mis-crystal-design-system-dynamic-form.metadata.json +1 -1
  75. package/esm2015/action-list/action-list.component.js +1 -1
  76. package/esm2015/async-search-dropdown/async-dropdown.component.js +2 -6
  77. package/esm2015/checkbox/checkbox.component.js +1 -1
  78. package/esm2015/datepicker_v2/tz-dp-container/tz-dp-container.component.js +1 -1
  79. package/esm2015/daterangepicker_v2/tz-drp-container/tz-drp-container.component.js +11 -9
  80. package/esm2015/dropdown/dropdown.component.js +1 -1
  81. package/esm2015/dynamic-form/dynamic-form.component.js +1 -1
  82. package/esm2015/input/mis-input.component.js +1 -1
  83. package/esm2015/loader/loader.component.js +1 -1
  84. package/esm2015/multi-select-dropdown/multi-select-dropdown.component.js +1 -1
  85. package/esm2015/nested-multi-select-dropdown/nested-multi-select-dropdown.component.js +1 -1
  86. package/esm2015/ske-loader/ske-loader.component.js +1 -1
  87. package/esm2015/specificdatepicker/tz-sdp-container/tz-sdp-container.component.js +1 -1
  88. package/esm2015/table/table.component.js +1 -1
  89. package/fesm2015/mis-crystal-design-system-action-list.js +1 -1
  90. package/fesm2015/mis-crystal-design-system-async-search-dropdown.js +1 -5
  91. package/fesm2015/mis-crystal-design-system-async-search-dropdown.js.map +1 -1
  92. package/fesm2015/mis-crystal-design-system-checkbox.js +1 -1
  93. package/fesm2015/mis-crystal-design-system-datepicker_v2.js +1 -1
  94. package/fesm2015/mis-crystal-design-system-daterangepicker_v2.js +10 -8
  95. package/fesm2015/mis-crystal-design-system-daterangepicker_v2.js.map +1 -1
  96. package/fesm2015/mis-crystal-design-system-dropdown.js +1 -1
  97. package/fesm2015/mis-crystal-design-system-dynamic-form.js +1 -1
  98. package/fesm2015/mis-crystal-design-system-input.js +1 -1
  99. package/fesm2015/mis-crystal-design-system-loader.js +1 -1
  100. package/fesm2015/mis-crystal-design-system-multi-select-dropdown.js +1 -1
  101. package/fesm2015/mis-crystal-design-system-nested-multi-select-dropdown.js +1 -1
  102. package/fesm2015/mis-crystal-design-system-ske-loader.js +1 -1
  103. package/fesm2015/mis-crystal-design-system-specificdatepicker.js +1 -1
  104. package/fesm2015/mis-crystal-design-system-table.js +1 -1
  105. package/input/mis-crystal-design-system-input.metadata.json +1 -1
  106. package/loader/mis-crystal-design-system-loader.metadata.json +1 -1
  107. package/multi-select-dropdown/mis-crystal-design-system-multi-select-dropdown.metadata.json +1 -1
  108. package/nested-multi-select-dropdown/mis-crystal-design-system-nested-multi-select-dropdown.metadata.json +1 -1
  109. package/package.json +1 -1
  110. package/ske-loader/mis-crystal-design-system-ske-loader.metadata.json +1 -1
  111. package/specificdatepicker/mis-crystal-design-system-specificdatepicker.metadata.json +1 -1
  112. package/table/mis-crystal-design-system-table.metadata.json +1 -1
@@ -1,905 +1,464 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('moment-timezone'), require('mis-crystal-design-system/toast'), 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')) :
3
- typeof define === 'function' && define.amd ? define('mis-crystal-design-system/daterangepicker_v2', ['exports', '@angular/core', '@angular/common', 'moment-timezone', 'mis-crystal-design-system/toast', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/forms', 'rxjs/operators', 'mis-crystal-design-system/utils', 'mis-crystal-design-system/button'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mis-crystal-design-system'] = global['mis-crystal-design-system'] || {}, global['mis-crystal-design-system'].daterangepicker_v2 = {}), global.ng.core, global.ng.common, global.momentTimezone, global['mis-crystal-design-system'].toast, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.forms, global.rxjs.operators, global['mis-crystal-design-system'].utils, global['mis-crystal-design-system'].button));
5
- }(this, (function (exports, core, common, momentTimezone, toast, overlay, portal, forms, operators, utils, button) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(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')) :
3
+ typeof define === 'function' && 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'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mis-crystal-design-system'] = global['mis-crystal-design-system'] || {}, global['mis-crystal-design-system'].daterangepicker_v2 = {}), global.ng.core, global.ng.common, global.momentTimezone, global['mis-crystal-design-system'].toast, global.moment, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.forms, global.rxjs.operators, global['mis-crystal-design-system'].utils, global['mis-crystal-design-system'].button));
5
+ }(this, (function (exports, core, common, momentTimezone, toast, moment, overlay, portal, forms, operators, utils, button) { 'use strict';
6
6
 
7
- /******************************************************************************
8
- Copyright (c) Microsoft Corporation.
7
+ function _interopNamespace(e) {
8
+ if (e && e.__esModule) return e;
9
+ var n = Object.create(null);
10
+ if (e) {
11
+ Object.keys(e).forEach(function (k) {
12
+ if (k !== 'default') {
13
+ var d = Object.getOwnPropertyDescriptor(e, k);
14
+ Object.defineProperty(n, k, d.get ? d : {
15
+ enumerable: true,
16
+ get: function () {
17
+ return e[k];
18
+ }
19
+ });
20
+ }
21
+ });
22
+ }
23
+ n['default'] = e;
24
+ return Object.freeze(n);
25
+ }
9
26
 
10
- Permission to use, copy, modify, and/or distribute this software for any
11
- purpose with or without fee is hereby granted.
27
+ var moment__namespace = /*#__PURE__*/_interopNamespace(moment);
12
28
 
13
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
14
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
15
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
16
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
17
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
18
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
19
- PERFORMANCE OF THIS SOFTWARE.
20
- ***************************************************************************** */
21
- /* global Reflect, Promise, SuppressedError, Symbol */
22
- var extendStatics = function (d, b) {
23
- extendStatics = Object.setPrototypeOf ||
24
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
25
- function (d, b) { for (var p in b)
26
- if (Object.prototype.hasOwnProperty.call(b, p))
27
- d[p] = b[p]; };
28
- return extendStatics(d, b);
29
- };
30
- function __extends(d, b) {
31
- if (typeof b !== "function" && b !== null)
32
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
33
- extendStatics(d, b);
34
- function __() { this.constructor = d; }
35
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
36
- }
37
- var __assign = function () {
38
- __assign = Object.assign || function __assign(t) {
39
- for (var s, i = 1, n = arguments.length; i < n; i++) {
40
- s = arguments[i];
41
- for (var p in s)
42
- if (Object.prototype.hasOwnProperty.call(s, p))
43
- t[p] = s[p];
44
- }
45
- return t;
46
- };
47
- return __assign.apply(this, arguments);
48
- };
49
- function __rest(s, e) {
50
- var t = {};
51
- for (var p in s)
52
- if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
53
- t[p] = s[p];
54
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
55
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
56
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
57
- t[p[i]] = s[p[i]];
58
- }
59
- return t;
60
- }
61
- function __decorate(decorators, target, key, desc) {
62
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
63
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
64
- r = Reflect.decorate(decorators, target, key, desc);
65
- else
66
- for (var i = decorators.length - 1; i >= 0; i--)
67
- if (d = decorators[i])
68
- r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
69
- return c > 3 && r && Object.defineProperty(target, key, r), r;
70
- }
71
- function __param(paramIndex, decorator) {
72
- return function (target, key) { decorator(target, key, paramIndex); };
73
- }
74
- function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
75
- function accept(f) { if (f !== void 0 && typeof f !== "function")
76
- throw new TypeError("Function expected"); return f; }
77
- var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
78
- var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
79
- var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
80
- var _, done = false;
81
- for (var i = decorators.length - 1; i >= 0; i--) {
82
- var context = {};
83
- for (var p in contextIn)
84
- context[p] = p === "access" ? {} : contextIn[p];
85
- for (var p in contextIn.access)
86
- context.access[p] = contextIn.access[p];
87
- context.addInitializer = function (f) { if (done)
88
- throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
89
- var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
90
- if (kind === "accessor") {
91
- if (result === void 0)
92
- continue;
93
- if (result === null || typeof result !== "object")
94
- throw new TypeError("Object expected");
95
- if (_ = accept(result.get))
96
- descriptor.get = _;
97
- if (_ = accept(result.set))
98
- descriptor.set = _;
99
- if (_ = accept(result.init))
100
- initializers.unshift(_);
101
- }
102
- else if (_ = accept(result)) {
103
- if (kind === "field")
104
- initializers.unshift(_);
105
- else
106
- descriptor[key] = _;
107
- }
108
- }
109
- if (target)
110
- Object.defineProperty(target, contextIn.name, descriptor);
111
- done = true;
112
- }
113
- ;
114
- function __runInitializers(thisArg, initializers, value) {
115
- var useValue = arguments.length > 2;
116
- for (var i = 0; i < initializers.length; i++) {
117
- value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
118
- }
119
- return useValue ? value : void 0;
120
- }
121
- ;
122
- function __propKey(x) {
123
- return typeof x === "symbol" ? x : "".concat(x);
124
- }
125
- ;
126
- function __setFunctionName(f, name, prefix) {
127
- if (typeof name === "symbol")
128
- name = name.description ? "[".concat(name.description, "]") : "";
129
- return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
130
- }
131
- ;
132
- function __metadata(metadataKey, metadataValue) {
133
- if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
134
- return Reflect.metadata(metadataKey, metadataValue);
135
- }
136
- function __awaiter(thisArg, _arguments, P, generator) {
137
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
138
- return new (P || (P = Promise))(function (resolve, reject) {
139
- function fulfilled(value) { try {
140
- step(generator.next(value));
141
- }
142
- catch (e) {
143
- reject(e);
144
- } }
145
- function rejected(value) { try {
146
- step(generator["throw"](value));
147
- }
148
- catch (e) {
149
- reject(e);
150
- } }
151
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
152
- step((generator = generator.apply(thisArg, _arguments || [])).next());
153
- });
154
- }
155
- function __generator(thisArg, body) {
156
- var _ = { label: 0, sent: function () { if (t[0] & 1)
157
- throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
158
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
159
- function verb(n) { return function (v) { return step([n, v]); }; }
160
- function step(op) {
161
- if (f)
162
- throw new TypeError("Generator is already executing.");
163
- while (g && (g = 0, op[0] && (_ = 0)), _)
164
- try {
165
- if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
166
- return t;
167
- if (y = 0, t)
168
- op = [op[0] & 2, t.value];
169
- switch (op[0]) {
170
- case 0:
171
- case 1:
172
- t = op;
173
- break;
174
- case 4:
175
- _.label++;
176
- return { value: op[1], done: false };
177
- case 5:
178
- _.label++;
179
- y = op[1];
180
- op = [0];
181
- continue;
182
- case 7:
183
- op = _.ops.pop();
184
- _.trys.pop();
185
- continue;
186
- default:
187
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
188
- _ = 0;
189
- continue;
190
- }
191
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
192
- _.label = op[1];
193
- break;
194
- }
195
- if (op[0] === 6 && _.label < t[1]) {
196
- _.label = t[1];
197
- t = op;
198
- break;
199
- }
200
- if (t && _.label < t[2]) {
201
- _.label = t[2];
202
- _.ops.push(op);
203
- break;
204
- }
205
- if (t[2])
206
- _.ops.pop();
207
- _.trys.pop();
208
- continue;
209
- }
210
- op = body.call(thisArg, _);
211
- }
212
- catch (e) {
213
- op = [6, e];
214
- y = 0;
215
- }
216
- finally {
217
- f = t = 0;
218
- }
219
- if (op[0] & 5)
220
- throw op[1];
221
- return { value: op[0] ? op[1] : void 0, done: true };
222
- }
223
- }
224
- var __createBinding = Object.create ? (function (o, m, k, k2) {
225
- if (k2 === undefined)
226
- k2 = k;
227
- var desc = Object.getOwnPropertyDescriptor(m, k);
228
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
229
- desc = { enumerable: true, get: function () { return m[k]; } };
230
- }
231
- Object.defineProperty(o, k2, desc);
232
- }) : (function (o, m, k, k2) {
233
- if (k2 === undefined)
234
- k2 = k;
235
- o[k2] = m[k];
236
- });
237
- function __exportStar(m, o) {
238
- for (var p in m)
239
- if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
240
- __createBinding(o, m, p);
241
- }
242
- function __values(o) {
243
- var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
244
- if (m)
245
- return m.call(o);
246
- if (o && typeof o.length === "number")
247
- return {
248
- next: function () {
249
- if (o && i >= o.length)
250
- o = void 0;
251
- return { value: o && o[i++], done: !o };
252
- }
253
- };
254
- throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
255
- }
256
- function __read(o, n) {
257
- var m = typeof Symbol === "function" && o[Symbol.iterator];
258
- if (!m)
259
- return o;
260
- var i = m.call(o), r, ar = [], e;
261
- try {
262
- while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
263
- ar.push(r.value);
264
- }
265
- catch (error) {
266
- e = { error: error };
267
- }
268
- finally {
269
- try {
270
- if (r && !r.done && (m = i["return"]))
271
- m.call(i);
272
- }
273
- finally {
274
- if (e)
275
- throw e.error;
276
- }
277
- }
278
- return ar;
279
- }
280
- /** @deprecated */
281
- function __spread() {
282
- for (var ar = [], i = 0; i < arguments.length; i++)
283
- ar = ar.concat(__read(arguments[i]));
284
- return ar;
285
- }
286
- /** @deprecated */
287
- function __spreadArrays() {
288
- for (var s = 0, i = 0, il = arguments.length; i < il; i++)
289
- s += arguments[i].length;
290
- for (var r = Array(s), k = 0, i = 0; i < il; i++)
291
- for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
292
- r[k] = a[j];
293
- return r;
294
- }
295
- function __spreadArray(to, from, pack) {
296
- if (pack || arguments.length === 2)
297
- for (var i = 0, l = from.length, ar; i < l; i++) {
298
- if (ar || !(i in from)) {
299
- if (!ar)
300
- ar = Array.prototype.slice.call(from, 0, i);
301
- ar[i] = from[i];
302
- }
303
- }
304
- return to.concat(ar || Array.prototype.slice.call(from));
305
- }
306
- function __await(v) {
307
- return this instanceof __await ? (this.v = v, this) : new __await(v);
308
- }
309
- function __asyncGenerator(thisArg, _arguments, generator) {
310
- if (!Symbol.asyncIterator)
311
- throw new TypeError("Symbol.asyncIterator is not defined.");
312
- var g = generator.apply(thisArg, _arguments || []), i, q = [];
313
- return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
314
- function verb(n) { if (g[n])
315
- i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
316
- function resume(n, v) { try {
317
- step(g[n](v));
318
- }
319
- catch (e) {
320
- settle(q[0][3], e);
321
- } }
322
- function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
323
- function fulfill(value) { resume("next", value); }
324
- function reject(value) { resume("throw", value); }
325
- function settle(f, v) { if (f(v), q.shift(), q.length)
326
- resume(q[0][0], q[0][1]); }
327
- }
328
- function __asyncDelegator(o) {
329
- var i, p;
330
- return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
331
- function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
332
- }
333
- function __asyncValues(o) {
334
- if (!Symbol.asyncIterator)
335
- throw new TypeError("Symbol.asyncIterator is not defined.");
336
- var m = o[Symbol.asyncIterator], i;
337
- return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
338
- function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
339
- function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
340
- }
341
- function __makeTemplateObject(cooked, raw) {
342
- if (Object.defineProperty) {
343
- Object.defineProperty(cooked, "raw", { value: raw });
344
- }
345
- else {
346
- cooked.raw = raw;
347
- }
348
- return cooked;
349
- }
350
- ;
351
- var __setModuleDefault = Object.create ? (function (o, v) {
352
- Object.defineProperty(o, "default", { enumerable: true, value: v });
353
- }) : function (o, v) {
354
- o["default"] = v;
355
- };
356
- function __importStar(mod) {
357
- if (mod && mod.__esModule)
358
- return mod;
359
- var result = {};
360
- if (mod != null)
361
- for (var k in mod)
362
- if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
363
- __createBinding(result, mod, k);
364
- __setModuleDefault(result, mod);
365
- return result;
366
- }
367
- function __importDefault(mod) {
368
- return (mod && mod.__esModule) ? mod : { default: mod };
369
- }
370
- function __classPrivateFieldGet(receiver, state, kind, f) {
371
- if (kind === "a" && !f)
372
- throw new TypeError("Private accessor was defined without a getter");
373
- if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
374
- throw new TypeError("Cannot read private member from an object whose class did not declare it");
375
- return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
376
- }
377
- function __classPrivateFieldSet(receiver, state, value, kind, f) {
378
- if (kind === "m")
379
- throw new TypeError("Private method is not writable");
380
- if (kind === "a" && !f)
381
- throw new TypeError("Private accessor was defined without a setter");
382
- if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
383
- throw new TypeError("Cannot write private member to an object whose class did not declare it");
384
- return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
385
- }
386
- function __classPrivateFieldIn(state, receiver) {
387
- if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
388
- throw new TypeError("Cannot use 'in' operator on non-object");
389
- return typeof state === "function" ? receiver === state : state.has(receiver);
390
- }
391
- function __addDisposableResource(env, value, async) {
392
- if (value !== null && value !== void 0) {
393
- if (typeof value !== "object" && typeof value !== "function")
394
- throw new TypeError("Object expected.");
395
- var dispose;
396
- if (async) {
397
- if (!Symbol.asyncDispose)
398
- throw new TypeError("Symbol.asyncDispose is not defined.");
399
- dispose = value[Symbol.asyncDispose];
400
- }
401
- if (dispose === void 0) {
402
- if (!Symbol.dispose)
403
- throw new TypeError("Symbol.dispose is not defined.");
404
- dispose = value[Symbol.dispose];
405
- }
406
- if (typeof dispose !== "function")
407
- throw new TypeError("Object not disposable.");
408
- env.stack.push({ value: value, dispose: dispose, async: async });
409
- }
410
- else if (async) {
411
- env.stack.push({ async: true });
412
- }
413
- return value;
414
- }
415
- var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
416
- var e = new Error(message);
417
- return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
418
- };
419
- function __disposeResources(env) {
420
- function fail(e) {
421
- env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
422
- env.hasError = true;
423
- }
424
- function next() {
425
- while (env.stack.length) {
426
- var rec = env.stack.pop();
427
- try {
428
- var result = rec.dispose && rec.dispose.call(rec.value);
429
- if (rec.async)
430
- return Promise.resolve(result).then(next, function (e) { fail(e); return next(); });
431
- }
432
- catch (e) {
433
- fail(e);
434
- }
435
- }
436
- if (env.hasError)
437
- throw env.error;
438
- }
439
- return next();
440
- }
441
- var tslib_es6 = {
442
- __extends: __extends,
443
- __assign: __assign,
444
- __rest: __rest,
445
- __decorate: __decorate,
446
- __param: __param,
447
- __metadata: __metadata,
448
- __awaiter: __awaiter,
449
- __generator: __generator,
450
- __createBinding: __createBinding,
451
- __exportStar: __exportStar,
452
- __values: __values,
453
- __read: __read,
454
- __spread: __spread,
455
- __spreadArrays: __spreadArrays,
456
- __spreadArray: __spreadArray,
457
- __await: __await,
458
- __asyncGenerator: __asyncGenerator,
459
- __asyncDelegator: __asyncDelegator,
460
- __asyncValues: __asyncValues,
461
- __makeTemplateObject: __makeTemplateObject,
462
- __importStar: __importStar,
463
- __importDefault: __importDefault,
464
- __classPrivateFieldGet: __classPrivateFieldGet,
465
- __classPrivateFieldSet: __classPrivateFieldSet,
466
- __classPrivateFieldIn: __classPrivateFieldIn,
467
- __addDisposableResource: __addDisposableResource,
468
- __disposeResources: __disposeResources,
469
- };
29
+ /** @format */
30
+ var CONTAINER_DATA = new core.InjectionToken("CONTAINER_DATA");
31
+ var DATE_FORMAT = "DD-MM-YYYY";
470
32
 
471
- /** @format */
472
- var CONTAINER_DATA = new core.InjectionToken("CONTAINER_DATA");
473
- var DATE_FORMAT = "DD-MM-YYYY";
33
+ var getMonth = function (index) {
34
+ var month;
35
+ switch (index) {
36
+ case 0:
37
+ month = "January";
38
+ break;
39
+ case 1:
40
+ month = "February";
41
+ break;
42
+ case 2:
43
+ month = "March";
44
+ break;
45
+ case 3:
46
+ month = "April";
47
+ break;
48
+ case 4:
49
+ month = "May";
50
+ break;
51
+ case 5:
52
+ month = "June";
53
+ break;
54
+ case 6:
55
+ month = "July";
56
+ break;
57
+ case 7:
58
+ month = "August";
59
+ break;
60
+ case 8:
61
+ month = "September";
62
+ break;
63
+ case 9:
64
+ month = "October";
65
+ break;
66
+ case 10:
67
+ month = "November";
68
+ break;
69
+ case 11:
70
+ month = "December";
71
+ break;
72
+ default:
73
+ break;
74
+ }
75
+ return month;
76
+ };
474
77
 
475
- var getMonth = function (index) {
476
- var month;
477
- switch (index) {
478
- case 0:
479
- month = "January";
480
- break;
481
- case 1:
482
- month = "February";
483
- break;
484
- case 2:
485
- month = "March";
486
- break;
487
- case 3:
488
- month = "April";
489
- break;
490
- case 4:
491
- month = "May";
492
- break;
493
- case 5:
494
- month = "June";
495
- break;
496
- case 6:
497
- month = "July";
498
- break;
499
- case 7:
500
- month = "August";
501
- break;
502
- case 8:
503
- month = "September";
504
- break;
505
- case 9:
506
- month = "October";
507
- break;
508
- case 10:
509
- month = "November";
510
- break;
511
- case 11:
512
- month = "December";
513
- break;
514
- default:
515
- break;
516
- }
517
- return month;
518
- };
78
+ var TzDrpContainerComponent = /** @class */ (function () {
79
+ function TzDrpContainerComponent(data, toast) {
80
+ var _this = this;
81
+ var _a, _b, _c, _d;
82
+ this.toast = toast;
83
+ this.parseZoneInstance = function () {
84
+ var args = [];
85
+ for (var _i = 0; _i < arguments.length; _i++) {
86
+ args[_i] = arguments[_i];
87
+ }
88
+ return momentTimezone.tz(args[0], args[1], _this.data.dpConfig.timezone);
89
+ };
90
+ this.rawWeekDays = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"];
91
+ this.weekDays = [];
92
+ this.currentMonthDates = [];
93
+ this.nextMonthDates = [];
94
+ this.isPreviousMonthDisabled = false;
95
+ this.isNextMonthDisabled = false;
96
+ this.selectionStarted = false;
97
+ this.isDatesValid = false;
98
+ this.data = data;
99
+ this.localSelectedDates = this.data.dates;
100
+ this.isDatesValid = false;
101
+ if (this.localSelectedDates.startDate && this.localSelectedDates.endDate) {
102
+ this.isDatesValid = true;
103
+ }
104
+ if ((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.dpConfig) === null || _b === void 0 ? void 0 : _b.timezone) {
105
+ this.parseZoneInstance = function () {
106
+ var args = [];
107
+ for (var _i = 0; _i < arguments.length; _i++) {
108
+ args[_i] = arguments[_i];
109
+ }
110
+ return momentTimezone.tz(args[0], args[1], _this.data.dpConfig.timezone);
111
+ };
112
+ }
113
+ this.currentMonthNumber = this.parseZoneInstance().month();
114
+ this.nextMonthNumber = this.parseZoneInstance().add(1, "month").month();
115
+ this.currentMonth = getMonth(this.currentMonthNumber);
116
+ this.nextMonth = getMonth(this.nextMonthNumber);
117
+ this.currentYearNumber = this.parseZoneInstance().year();
118
+ this.nextYearNumber = this.parseZoneInstance().add(1, "month").year();
119
+ this.weekDays = this.rawWeekDays.map(function (day, index) { return ({
120
+ label: "" + day[0] + day.slice(1).toLowerCase(),
121
+ isCurrentDay: _this.parseZoneInstance().day() === index
122
+ }); });
123
+ if (!((_d = (_c = this.data) === null || _c === void 0 ? void 0 : _c.dpConfig) === null || _d === void 0 ? void 0 : _d.format)) {
124
+ this.data.dpConfig = Object.assign(Object.assign({}, this.data.dpConfig), { format: DATE_FORMAT });
125
+ }
126
+ }
127
+ TzDrpContainerComponent.prototype.ngOnInit = function () {
128
+ this.currentDateInstance();
129
+ this.calculateMinMaxDays();
130
+ };
131
+ TzDrpContainerComponent.prototype.currentDateInstance = function () {
132
+ var _a, _b;
133
+ if (!((_a = this.localSelectedDates) === null || _a === void 0 ? void 0 : _a.startDate)) {
134
+ this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);
135
+ this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);
136
+ return;
137
+ }
138
+ var selectedStartDate = this.parseZoneInstance((_b = this.localSelectedDates) === null || _b === void 0 ? void 0 : _b.startDate, this.data.dpConfig.format);
139
+ if (selectedStartDate.isValid()) {
140
+ this.currentYearNumber = selectedStartDate.year();
141
+ this.nextYearNumber = selectedStartDate.add(1, "month").year();
142
+ this.currentMonthNumber = selectedStartDate.get("month") - 1;
143
+ this.nextMonthNumber = selectedStartDate.add(1, "month").month() - 1;
144
+ if (this.currentMonthNumber === -1) {
145
+ this.currentMonthNumber = 11;
146
+ }
147
+ if (this.nextMonthNumber === -1) {
148
+ this.nextMonthNumber = 11;
149
+ }
150
+ this.currentMonth = getMonth(this.currentMonthNumber);
151
+ this.nextMonth = getMonth(this.nextMonthNumber);
152
+ }
153
+ this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);
154
+ this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);
155
+ };
156
+ TzDrpContainerComponent.prototype.calculateMinMaxDays = function () {
157
+ var currentInstance = this.parseZoneInstance().year(this.currentYearNumber).month(this.currentMonthNumber);
158
+ var minDate = this.parseZoneInstance(this.data.dpConfig.minDate, this.data.dpConfig.format);
159
+ if (minDate.isValid()) {
160
+ this.isPreviousMonthDisabled = minDate.isSameOrAfter(currentInstance, "month");
161
+ }
162
+ var maxDate = this.parseZoneInstance(this.data.dpConfig.maxDate, this.data.dpConfig.format);
163
+ if (maxDate.isValid()) {
164
+ this.isNextMonthDisabled = maxDate.isSameOrBefore(currentInstance, "month");
165
+ }
166
+ };
167
+ TzDrpContainerComponent.prototype.navigateMonth = function (direction) {
168
+ var thisMonth = momentTimezone.parseZone().year(this.currentYearNumber).month(this.currentMonthNumber);
169
+ if (direction === "NEXT") {
170
+ thisMonth = thisMonth.add(1, "month");
171
+ }
172
+ else if (direction === "PREVIOUS") {
173
+ thisMonth = thisMonth.subtract(1, "month");
174
+ }
175
+ this.currentMonthNumber = thisMonth.month();
176
+ this.nextMonthNumber = thisMonth.clone().add(1, "month").month();
177
+ this.currentMonth = getMonth(this.currentMonthNumber);
178
+ this.nextMonth = getMonth(this.nextMonthNumber);
179
+ if (this.nextMonthNumber === 0 && direction === "PREVIOUS") {
180
+ this.currentYearNumber--;
181
+ }
182
+ else if (this.currentMonthNumber === 11 && direction === "NEXT") {
183
+ this.nextYearNumber++;
184
+ }
185
+ else if (this.currentMonthNumber === 0 && direction === "NEXT") {
186
+ this.currentYearNumber++;
187
+ }
188
+ else if (this.nextMonthNumber === 11 && direction === "PREVIOUS") {
189
+ this.nextYearNumber--;
190
+ }
191
+ else {
192
+ this.nextYearNumber = this.currentYearNumber;
193
+ }
194
+ this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);
195
+ this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);
196
+ this.calculateMinMaxDays();
197
+ };
198
+ TzDrpContainerComponent.prototype.generateDates = function (month, currentYearNumber) {
199
+ var _this = this;
200
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
201
+ var dates = [];
202
+ var daysInMonth = momentTimezone.parseZone().year(currentYearNumber).month(month).daysInMonth();
203
+ var _loop_1 = function (currentDate) {
204
+ var date = moment__namespace().year(currentYearNumber).month(month).date(currentDate);
205
+ var dateString = date.format(this_1.data.dpConfig.format);
206
+ var isDisabledDay = this_1.data.datesDisabled.some(function (d) { return d === dateString; });
207
+ var minDate = this_1.parseZoneInstance(this_1.data.dpConfig.minDate, this_1.data.dpConfig.format);
208
+ if (!isDisabledDay && minDate.isValid()) {
209
+ var Date = this_1.parseZoneInstance().year(currentYearNumber).month(month).date(currentDate);
210
+ isDisabledDay = minDate.isAfter(Date, "day");
211
+ }
212
+ var maxDate = this_1.parseZoneInstance(this_1.data.dpConfig.maxDate, this_1.data.dpConfig.format);
213
+ if (!isDisabledDay && maxDate.isValid()) {
214
+ isDisabledDay = maxDate.isBefore(date, "day");
215
+ }
216
+ var isCurrentDay = this_1.parseZoneInstance().year(currentYearNumber).month(month).date(currentDate).format(this_1.data.dpConfig.format) ===
217
+ this_1.parseZoneInstance().format(this_1.data.dpConfig.format);
218
+ var isSelectedStartDay = !isDisabledDay &&
219
+ ((_b = (_a = this_1.localSelectedDates) === null || _a === void 0 ? void 0 : _a.startDate) !== null && _b !== void 0 ? _b : false) &&
220
+ date.format(this_1.data.dpConfig.format) === ((_c = this_1.localSelectedDates) === null || _c === void 0 ? void 0 : _c.startDate);
221
+ var isAfterSelectedStartDate = moment__namespace(date, "MMM DD YYYY").startOf('day').isAfter(moment__namespace(this_1.localSelectedDates.startDate, "MMM DD YYYY").startOf('day'), 'day');
222
+ var isBeforeSelectedEndDate = moment__namespace(date).isBefore(moment__namespace(this_1.localSelectedDates.endDate), "day");
223
+ var inRangeDay = ((_d = this_1.localSelectedDates.startDate) !== null && _d !== void 0 ? _d : false) &&
224
+ ((_e = this_1.localSelectedDates.endDate) !== null && _e !== void 0 ? _e : false) &&
225
+ isAfterSelectedStartDate &&
226
+ isBeforeSelectedEndDate;
227
+ var isSelectedEndDay = !isDisabledDay &&
228
+ ((_h = (((_f = this_1.localSelectedDates) === null || _f === void 0 ? void 0 : _f.startDate) && ((_g = this_1.localSelectedDates) === null || _g === void 0 ? void 0 : _g.endDate))) !== null && _h !== void 0 ? _h : false) &&
229
+ date.format(this_1.data.dpConfig.format) === ((_j = this_1.localSelectedDates) === null || _j === void 0 ? void 0 : _j.endDate);
230
+ dates.push({
231
+ date: currentDate,
232
+ weekDay: date.day(),
233
+ isCurrentDay: isCurrentDay,
234
+ isSelectedStartDay: isSelectedStartDay,
235
+ isSelectedEndDay: isSelectedEndDay,
236
+ inRangeDay: inRangeDay,
237
+ toastMessage: ((_k = this_1.data.messages.find(function (q) { return date.format(_this.data.dpConfig.format) === q.date; })) === null || _k === void 0 ? void 0 : _k.message) || "",
238
+ isDisabledDay: isDisabledDay
239
+ });
240
+ };
241
+ var this_1 = this;
242
+ for (var currentDate = 1; currentDate <= daysInMonth; currentDate++) {
243
+ _loop_1(currentDate);
244
+ }
245
+ for (var i = dates[0].weekDay; i > 0; i--) {
246
+ dates.unshift({ date: 0, weekDay: i - 1 });
247
+ }
248
+ return dates;
249
+ };
250
+ TzDrpContainerComponent.prototype.selectDay = function (from, day) {
251
+ if (day.date <= 0)
252
+ return;
253
+ if (!day.isDisabledDay) {
254
+ if (this.selectionStarted) {
255
+ var momentDay = momentTimezone.parseZone()
256
+ .year(from === "LEFT" ? this.currentYearNumber : this.nextYearNumber)
257
+ .month(from === "LEFT" ? this.currentMonthNumber : this.nextMonthNumber)
258
+ .date(day.date);
259
+ if (momentDay.isBefore(this.localSelectedDates.startDate, "day")) {
260
+ this.localSelectedDates = {
261
+ startDate: momentDay.format(this.data.dpConfig.format),
262
+ endDate: null
263
+ };
264
+ this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);
265
+ this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);
266
+ return;
267
+ }
268
+ this.selectionStarted = false;
269
+ this.localSelectedDates = Object.assign(Object.assign({}, this.localSelectedDates), { endDate: momentDay.format(this.data.dpConfig.format) });
270
+ }
271
+ else {
272
+ this.selectionStarted = true;
273
+ this.localSelectedDates = {
274
+ startDate: momentTimezone.parseZone()
275
+ .year(from === "LEFT" ? this.currentYearNumber : this.nextYearNumber)
276
+ .month(from === "LEFT" ? this.currentMonthNumber : this.nextMonthNumber)
277
+ .date(day.date)
278
+ .format(this.data.dpConfig.format),
279
+ endDate: null
280
+ };
281
+ }
282
+ this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);
283
+ this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);
284
+ this.isDatesValid = false;
285
+ if (this.localSelectedDates.startDate && this.localSelectedDates.endDate) {
286
+ this.isDatesValid = true;
287
+ }
288
+ }
289
+ if (day.toastMessage) {
290
+ this.toast.displayMsg(day.toastMessage, 4000);
291
+ }
292
+ };
293
+ TzDrpContainerComponent.prototype.applyDates = function () {
294
+ this.data.dateChange(this.localSelectedDates);
295
+ };
296
+ TzDrpContainerComponent.prototype.cancelDatePicker = function () {
297
+ this.data.close();
298
+ };
299
+ return TzDrpContainerComponent;
300
+ }());
301
+ TzDrpContainerComponent.decorators = [
302
+ { type: core.Component, args: [{
303
+ selector: "mis-tz-drp",
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 </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\"\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 size=\"md\" type=\"none\" (click)=\"cancelDatePicker()\">Cancel</button>\n <button mis-button size=\"md\" type=\"primary\" (click)=\"applyDates()\" [disabled]=\"!isDatesValid\">Apply</button>\n </div>\n</div>\n",
305
+ styles: [".daterangepicker-container{background:#fff;border:1px solid #e0e0e0;box-shadow:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.12);border-radius:12px;display:flex;flex-direction:column;font-family:Lato;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.daterangepicker-container .daterangepicker-container__view{display:flex;gap:24px;padding:16px}.daterangepicker-container .daterangepicker-container__view .datepicker__left,.daterangepicker-container .daterangepicker-container__view .datepicker__right{display:flex;flex-direction:column}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu{display:flex;height:32px;justify-content:space-between;align-items:center;width:100%;padding-bottom:16px}.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}.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)}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body{height:100%;width:252px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays{width:100%;display:flex;padding-bottom:10px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday{width:36px;height:18px;text-align:center}.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}.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}.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}.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}.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}"]
306
+ },] }
307
+ ];
308
+ TzDrpContainerComponent.ctorParameters = function () { return [
309
+ { type: undefined, decorators: [{ type: core.Inject, args: [CONTAINER_DATA,] }] },
310
+ { type: toast.ToastService }
311
+ ]; };
519
312
 
520
- var TzDrpContainerComponent = /** @class */ (function () {
521
- function TzDrpContainerComponent(data, toast) {
522
- var _this = this;
523
- var _a, _b, _c, _d;
524
- this.toast = toast;
525
- this.parseZoneInstance = function () {
526
- var args = [];
527
- for (var _i = 0; _i < arguments.length; _i++) {
528
- args[_i] = arguments[_i];
529
- }
530
- return momentTimezone.parseZone.apply(void 0, __spread(args));
531
- };
532
- this.rawWeekDays = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"];
533
- this.weekDays = [];
534
- this.currentMonthDates = [];
535
- this.nextMonthDates = [];
536
- this.isPreviousMonthDisabled = false;
537
- this.isNextMonthDisabled = false;
538
- this.selectionStarted = false;
539
- this.isDatesValid = false;
540
- this.data = data;
541
- this.localSelectedDates = this.data.dates;
542
- this.isDatesValid = false;
543
- if (this.localSelectedDates.startDate && this.localSelectedDates.endDate) {
544
- this.isDatesValid = true;
545
- }
546
- if ((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.dpConfig) === null || _b === void 0 ? void 0 : _b.timezone) {
547
- this.parseZoneInstance = function () {
548
- var args = [];
549
- for (var _i = 0; _i < arguments.length; _i++) {
550
- args[_i] = arguments[_i];
551
- }
552
- return momentTimezone.parseZone.apply(void 0, __spread(args)).tz(_this.data.dpConfig.timezone);
553
- };
554
- }
555
- this.currentMonthNumber = this.parseZoneInstance().month();
556
- this.nextMonthNumber = this.parseZoneInstance().add(1, "month").month();
557
- this.currentMonth = getMonth(this.currentMonthNumber);
558
- this.nextMonth = getMonth(this.nextMonthNumber);
559
- this.currentYearNumber = this.parseZoneInstance().year();
560
- this.nextYearNumber = this.parseZoneInstance().add(1, "month").year();
561
- this.weekDays = this.rawWeekDays.map(function (day, index) { return ({
562
- label: "" + day[0] + day.slice(1).toLowerCase(),
563
- isCurrentDay: _this.parseZoneInstance().day() === index
564
- }); });
565
- if (!((_d = (_c = this.data) === null || _c === void 0 ? void 0 : _c.dpConfig) === null || _d === void 0 ? void 0 : _d.format)) {
566
- this.data.dpConfig = Object.assign(Object.assign({}, this.data.dpConfig), { format: DATE_FORMAT });
567
- }
568
- }
569
- TzDrpContainerComponent.prototype.ngOnInit = function () {
570
- this.currentDateInstance();
571
- this.calculateMinMaxDays();
572
- };
573
- TzDrpContainerComponent.prototype.currentDateInstance = function () {
574
- var _a, _b;
575
- if (!((_a = this.localSelectedDates) === null || _a === void 0 ? void 0 : _a.startDate)) {
576
- this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);
577
- this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);
578
- return;
579
- }
580
- var selectedStartDate = this.parseZoneInstance((_b = this.localSelectedDates) === null || _b === void 0 ? void 0 : _b.startDate, this.data.dpConfig.format);
581
- if (selectedStartDate.isValid()) {
582
- this.currentYearNumber = selectedStartDate.year();
583
- this.nextYearNumber = selectedStartDate.add(1, "month").year();
584
- this.currentMonthNumber = selectedStartDate.get("month") - 1;
585
- this.nextMonthNumber = selectedStartDate.add(1, "month").month() - 1;
586
- if (this.currentMonthNumber === -1) {
587
- this.currentMonthNumber = 11;
588
- }
589
- if (this.nextMonthNumber === -1) {
590
- this.nextMonthNumber = 11;
591
- }
592
- this.currentMonth = getMonth(this.currentMonthNumber);
593
- this.nextMonth = getMonth(this.nextMonthNumber);
594
- }
595
- this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);
596
- this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);
597
- };
598
- TzDrpContainerComponent.prototype.calculateMinMaxDays = function () {
599
- var currentInstance = this.parseZoneInstance().year(this.currentYearNumber).month(this.currentMonthNumber);
600
- var minDate = this.parseZoneInstance(this.data.dpConfig.minDate, this.data.dpConfig.format);
601
- if (minDate.isValid()) {
602
- this.isPreviousMonthDisabled = minDate.isSameOrAfter(currentInstance, "month");
603
- }
604
- var maxDate = this.parseZoneInstance(this.data.dpConfig.maxDate, this.data.dpConfig.format);
605
- if (maxDate.isValid()) {
606
- this.isNextMonthDisabled = maxDate.isSameOrBefore(currentInstance, "month");
607
- }
608
- };
609
- TzDrpContainerComponent.prototype.navigateMonth = function (direction) {
610
- var thisMonth = momentTimezone.parseZone().year(this.currentYearNumber).month(this.currentMonthNumber);
611
- if (direction === "NEXT") {
612
- thisMonth = thisMonth.add(1, "month");
613
- }
614
- else if (direction === "PREVIOUS") {
615
- thisMonth = thisMonth.subtract(1, "month");
616
- }
617
- this.currentMonthNumber = thisMonth.month();
618
- this.nextMonthNumber = thisMonth.clone().add(1, "month").month();
619
- this.currentMonth = getMonth(this.currentMonthNumber);
620
- this.nextMonth = getMonth(this.nextMonthNumber);
621
- if (this.nextMonthNumber === 0 && direction === "PREVIOUS") {
622
- this.currentYearNumber--;
623
- }
624
- else if (this.currentMonthNumber === 11 && direction === "NEXT") {
625
- this.nextYearNumber++;
626
- }
627
- else if (this.currentMonthNumber === 0 && direction === "NEXT") {
628
- this.currentYearNumber++;
629
- }
630
- else if (this.nextMonthNumber === 11 && direction === "PREVIOUS") {
631
- this.nextYearNumber--;
632
- }
633
- else {
634
- this.nextYearNumber = this.currentYearNumber;
635
- }
636
- this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);
637
- this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);
638
- this.calculateMinMaxDays();
639
- };
640
- TzDrpContainerComponent.prototype.generateDates = function (month, currentYearNumber) {
641
- var _this = this;
642
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
643
- var dates = [];
644
- var daysInMonth = momentTimezone.parseZone().year(currentYearNumber).month(month).daysInMonth();
645
- var _loop_1 = function (currentDate) {
646
- var date = this_1.parseZoneInstance().year(currentYearNumber).month(month).date(currentDate);
647
- var dateString = date.format(this_1.data.dpConfig.format);
648
- var isDisabledDay = this_1.data.datesDisabled.some(function (d) { return d === dateString; });
649
- var minDate = this_1.parseZoneInstance(this_1.data.dpConfig.minDate, this_1.data.dpConfig.format);
650
- if (!isDisabledDay && minDate.isValid()) {
651
- isDisabledDay = minDate.isAfter(date, "day");
652
- }
653
- var maxDate = this_1.parseZoneInstance(this_1.data.dpConfig.maxDate, this_1.data.dpConfig.format);
654
- if (!isDisabledDay && maxDate.isValid()) {
655
- isDisabledDay = maxDate.isBefore(date, "day");
656
- }
657
- var isCurrentDay = this_1.parseZoneInstance().year(currentYearNumber).month(month).date(currentDate).format(this_1.data.dpConfig.format) ===
658
- this_1.parseZoneInstance().format(this_1.data.dpConfig.format);
659
- var isSelectedStartDay = !isDisabledDay &&
660
- ((_b = (_a = this_1.localSelectedDates) === null || _a === void 0 ? void 0 : _a.startDate) !== null && _b !== void 0 ? _b : false) &&
661
- date.format(this_1.data.dpConfig.format) === ((_c = this_1.localSelectedDates) === null || _c === void 0 ? void 0 : _c.startDate);
662
- var isAfterSelectedStartDate = this_1.parseZoneInstance(date).isAfter(this_1.localSelectedDates.startDate, "day");
663
- var isBeforeSelectedEndDate = this_1.parseZoneInstance(date).isBefore(momentTimezone.parseZone(this_1.localSelectedDates.endDate), "day");
664
- var inRangeDay = ((_d = this_1.localSelectedDates.startDate) !== null && _d !== void 0 ? _d : false) &&
665
- ((_e = this_1.localSelectedDates.endDate) !== null && _e !== void 0 ? _e : false) &&
666
- isAfterSelectedStartDate &&
667
- isBeforeSelectedEndDate;
668
- var isSelectedEndDay = !isDisabledDay &&
669
- ((_h = (((_f = this_1.localSelectedDates) === null || _f === void 0 ? void 0 : _f.startDate) && ((_g = this_1.localSelectedDates) === null || _g === void 0 ? void 0 : _g.endDate))) !== null && _h !== void 0 ? _h : false) &&
670
- date.format(this_1.data.dpConfig.format) === ((_j = this_1.localSelectedDates) === null || _j === void 0 ? void 0 : _j.endDate);
671
- dates.push({
672
- date: currentDate,
673
- weekDay: date.day(),
674
- isCurrentDay: isCurrentDay,
675
- isSelectedStartDay: isSelectedStartDay,
676
- isSelectedEndDay: isSelectedEndDay,
677
- inRangeDay: inRangeDay,
678
- toastMessage: ((_k = this_1.data.messages.find(function (q) { return date.format(_this.data.dpConfig.format) === q.date; })) === null || _k === void 0 ? void 0 : _k.message) || "",
679
- isDisabledDay: isDisabledDay
680
- });
681
- };
682
- var this_1 = this;
683
- for (var currentDate = 1; currentDate <= daysInMonth; currentDate++) {
684
- _loop_1(currentDate);
685
- }
686
- for (var i = dates[0].weekDay; i > 0; i--) {
687
- dates.unshift({ date: 0, weekDay: i - 1 });
688
- }
689
- return dates;
690
- };
691
- TzDrpContainerComponent.prototype.selectDay = function (from, day) {
692
- if (day.date <= 0)
693
- return;
694
- if (!day.isDisabledDay) {
695
- if (this.selectionStarted) {
696
- var momentDay = momentTimezone.parseZone()
697
- .year(from === "LEFT" ? this.currentYearNumber : this.nextYearNumber)
698
- .month(from === "LEFT" ? this.currentMonthNumber : this.nextMonthNumber)
699
- .date(day.date);
700
- if (momentDay.isBefore(this.localSelectedDates.startDate, "day")) {
701
- this.localSelectedDates = {
702
- startDate: momentDay.format(this.data.dpConfig.format),
703
- endDate: null
704
- };
705
- this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);
706
- this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);
707
- return;
708
- }
709
- this.selectionStarted = false;
710
- this.localSelectedDates = Object.assign(Object.assign({}, this.localSelectedDates), { endDate: momentDay.format(this.data.dpConfig.format) });
711
- }
712
- else {
713
- this.selectionStarted = true;
714
- this.localSelectedDates = {
715
- startDate: momentTimezone.parseZone()
716
- .year(from === "LEFT" ? this.currentYearNumber : this.nextYearNumber)
717
- .month(from === "LEFT" ? this.currentMonthNumber : this.nextMonthNumber)
718
- .date(day.date)
719
- .format(this.data.dpConfig.format),
720
- endDate: null
721
- };
722
- }
723
- this.currentMonthDates = this.generateDates(this.currentMonthNumber, this.currentYearNumber);
724
- this.nextMonthDates = this.generateDates(this.nextMonthNumber, this.nextYearNumber);
725
- this.isDatesValid = false;
726
- if (this.localSelectedDates.startDate && this.localSelectedDates.endDate) {
727
- this.isDatesValid = true;
728
- }
729
- }
730
- if (day.toastMessage) {
731
- this.toast.displayMsg(day.toastMessage, 4000);
732
- }
733
- };
734
- TzDrpContainerComponent.prototype.applyDates = function () {
735
- this.data.dateChange(this.localSelectedDates);
736
- };
737
- TzDrpContainerComponent.prototype.cancelDatePicker = function () {
738
- this.data.close();
739
- };
740
- return TzDrpContainerComponent;
741
- }());
742
- TzDrpContainerComponent.decorators = [
743
- { type: core.Component, args: [{
744
- selector: "mis-tz-drp",
745
- 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 </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\"\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 size=\"md\" type=\"none\" (click)=\"cancelDatePicker()\">Cancel</button>\n <button mis-button size=\"md\" type=\"primary\" (click)=\"applyDates()\" [disabled]=\"!isDatesValid\">Apply</button>\n </div>\n</div>\n",
746
- styles: [".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}.daterangepicker-container .daterangepicker-container__view{display:flex;gap:24px;padding:16px}.daterangepicker-container .daterangepicker-container__view .datepicker__left,.daterangepicker-container .daterangepicker-container__view .datepicker__right{display:flex;flex-direction:column}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__header__prabu{display:flex;height:32px;justify-content:space-between;align-items:center;width:100%;padding-bottom:16px}.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}.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)}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body{height:100%;width:252px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays{width:100%;display:flex;padding-bottom:10px}.daterangepicker-container .daterangepicker-container__view .daterangepicker-container__body .daterangepicker-container__weekdays .daterangepicker-container__weekday{width:36px;height:18px;text-align:center}.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}.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}.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}.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}.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}"]
747
- },] }
748
- ];
749
- TzDrpContainerComponent.ctorParameters = function () { return [
750
- { type: undefined, decorators: [{ type: core.Inject, args: [CONTAINER_DATA,] }] },
751
- { type: toast.ToastService }
752
- ]; };
313
+ var TzDaterangepickerDirective = /** @class */ (function () {
314
+ function TzDaterangepickerDirective(control, element, overlay, viewContainerRef) {
315
+ this.control = control;
316
+ this.element = element;
317
+ this.overlay = overlay;
318
+ this.viewContainerRef = viewContainerRef;
319
+ this.dpConfig = {
320
+ format: DATE_FORMAT,
321
+ minDate: "",
322
+ maxDate: ""
323
+ };
324
+ this.dateMessages = [];
325
+ this.positionX = "center";
326
+ this.positionY = "bottom";
327
+ this.offsetX = 0;
328
+ this.offsetY = 0;
329
+ this.dateChange = new core.EventEmitter(true);
330
+ this.isOpen = false;
331
+ this.dpDisabledDates = [];
332
+ }
333
+ Object.defineProperty(TzDaterangepickerDirective.prototype, "selectedDates", {
334
+ // dd-mm-yyyy 01-12-2022
335
+ set: function (dates) {
336
+ this.dates = Object.assign({ startDate: null, endDate: null }, dates);
337
+ },
338
+ enumerable: false,
339
+ configurable: true
340
+ });
341
+ Object.defineProperty(TzDaterangepickerDirective.prototype, "datesDisabled", {
342
+ set: function (dates) {
343
+ this.dpDisabledDates = dates;
344
+ },
345
+ enumerable: false,
346
+ configurable: true
347
+ });
348
+ TzDaterangepickerDirective.prototype.toggleDatePicker = function () {
349
+ if (this.isOpen) {
350
+ this.close();
351
+ }
352
+ else {
353
+ this.open();
354
+ }
355
+ };
356
+ TzDaterangepickerDirective.prototype.open = function () {
357
+ var _this = this;
358
+ var _a;
359
+ this.isOpen = true;
360
+ var positionStrategy = this.overlay
361
+ .position()
362
+ .flexibleConnectedTo(this.element)
363
+ .withPositions(utils.genPositionPairs({
364
+ positionX: this.positionX,
365
+ positionY: this.positionY,
366
+ offsetX: this.offsetX,
367
+ offsetY: this.offsetY
368
+ }, true))
369
+ .withPush(true);
370
+ var config = new overlay.OverlayConfig({
371
+ hasBackdrop: true,
372
+ positionStrategy: positionStrategy,
373
+ scrollStrategy: this.overlay.scrollStrategies.reposition(),
374
+ backdropClass: "cdk-overlay-transparent-backdrop"
375
+ });
376
+ this.overlayRef = this.overlay.create(config);
377
+ var tempRef = new portal.ComponentPortal(TzDrpContainerComponent, this.viewContainerRef, core.Injector.create({
378
+ providers: [
379
+ {
380
+ provide: CONTAINER_DATA,
381
+ useValue: {
382
+ messages: this.dateMessages,
383
+ dates: ((_a = this.control) === null || _a === void 0 ? void 0 : _a.control.value) || this.dates,
384
+ dpConfig: this.dpConfig,
385
+ datesDisabled: this.dpDisabledDates,
386
+ dateChange: this.applyDate.bind(this),
387
+ close: this.close.bind(this)
388
+ }
389
+ }
390
+ ]
391
+ }));
392
+ this.overlayRef.attach(tempRef);
393
+ this.overlayRef
394
+ .backdropClick()
395
+ .pipe(operators.take(1))
396
+ .subscribe(function () {
397
+ _this.close();
398
+ });
399
+ };
400
+ TzDaterangepickerDirective.prototype.applyDate = function (dates) {
401
+ var _a;
402
+ this.dateChange.emit(dates);
403
+ (_a = this.control) === null || _a === void 0 ? void 0 : _a.control.patchValue(dates);
404
+ this.dates = dates;
405
+ this.close();
406
+ };
407
+ TzDaterangepickerDirective.prototype.close = function () {
408
+ this.isOpen = false;
409
+ this.overlayRef.detach();
410
+ this.overlayRef.dispose();
411
+ };
412
+ return TzDaterangepickerDirective;
413
+ }());
414
+ TzDaterangepickerDirective.decorators = [
415
+ { type: core.Directive, args: [{
416
+ selector: "input[misTzDrp]"
417
+ },] }
418
+ ];
419
+ TzDaterangepickerDirective.ctorParameters = function () { return [
420
+ { type: forms.NgControl, decorators: [{ type: core.Self }, { type: core.Optional }] },
421
+ { type: core.ElementRef },
422
+ { type: overlay.Overlay },
423
+ { type: core.ViewContainerRef }
424
+ ]; };
425
+ TzDaterangepickerDirective.propDecorators = {
426
+ dpConfig: [{ type: core.Input }],
427
+ selectedDates: [{ type: core.Input }],
428
+ datesDisabled: [{ type: core.Input }],
429
+ dateMessages: [{ type: core.Input }],
430
+ positionX: [{ type: core.Input }],
431
+ positionY: [{ type: core.Input }],
432
+ offsetX: [{ type: core.Input }],
433
+ offsetY: [{ type: core.Input }],
434
+ dateChange: [{ type: core.Output }],
435
+ toggleDatePicker: [{ type: core.HostListener, args: ["click",] }]
436
+ };
753
437
 
754
- var TzDaterangepickerDirective = /** @class */ (function () {
755
- function TzDaterangepickerDirective(control, element, overlay, viewContainerRef) {
756
- this.control = control;
757
- this.element = element;
758
- this.overlay = overlay;
759
- this.viewContainerRef = viewContainerRef;
760
- this.dpConfig = {
761
- format: DATE_FORMAT,
762
- minDate: "",
763
- maxDate: ""
764
- };
765
- this.dateMessages = [];
766
- this.positionX = "center";
767
- this.positionY = "bottom";
768
- this.offsetX = 0;
769
- this.offsetY = 0;
770
- this.dateChange = new core.EventEmitter(true);
771
- this.isOpen = false;
772
- this.dpDisabledDates = [];
773
- }
774
- Object.defineProperty(TzDaterangepickerDirective.prototype, "selectedDates", {
775
- // dd-mm-yyyy 01-12-2022
776
- set: function (dates) {
777
- this.dates = Object.assign({ startDate: null, endDate: null }, dates);
778
- },
779
- enumerable: false,
780
- configurable: true
781
- });
782
- Object.defineProperty(TzDaterangepickerDirective.prototype, "datesDisabled", {
783
- set: function (dates) {
784
- this.dpDisabledDates = dates;
785
- },
786
- enumerable: false,
787
- configurable: true
788
- });
789
- TzDaterangepickerDirective.prototype.toggleDatePicker = function () {
790
- if (this.isOpen) {
791
- this.close();
792
- }
793
- else {
794
- this.open();
795
- }
796
- };
797
- TzDaterangepickerDirective.prototype.open = function () {
798
- var _this = this;
799
- var _a;
800
- this.isOpen = true;
801
- var positionStrategy = this.overlay
802
- .position()
803
- .flexibleConnectedTo(this.element)
804
- .withPositions(utils.genPositionPairs({
805
- positionX: this.positionX,
806
- positionY: this.positionY,
807
- offsetX: this.offsetX,
808
- offsetY: this.offsetY
809
- }, true))
810
- .withPush(true);
811
- var config = new overlay.OverlayConfig({
812
- hasBackdrop: true,
813
- positionStrategy: positionStrategy,
814
- scrollStrategy: this.overlay.scrollStrategies.reposition(),
815
- backdropClass: "cdk-overlay-transparent-backdrop"
816
- });
817
- this.overlayRef = this.overlay.create(config);
818
- var tempRef = new portal.ComponentPortal(TzDrpContainerComponent, this.viewContainerRef, core.Injector.create({
819
- providers: [
820
- {
821
- provide: CONTAINER_DATA,
822
- useValue: {
823
- messages: this.dateMessages,
824
- dates: ((_a = this.control) === null || _a === void 0 ? void 0 : _a.control.value) || this.dates,
825
- dpConfig: this.dpConfig,
826
- datesDisabled: this.dpDisabledDates,
827
- dateChange: this.applyDate.bind(this),
828
- close: this.close.bind(this)
829
- }
830
- }
831
- ]
832
- }));
833
- this.overlayRef.attach(tempRef);
834
- this.overlayRef
835
- .backdropClick()
836
- .pipe(operators.take(1))
837
- .subscribe(function () {
838
- _this.close();
839
- });
840
- };
841
- TzDaterangepickerDirective.prototype.applyDate = function (dates) {
842
- var _a;
843
- this.dateChange.emit(dates);
844
- (_a = this.control) === null || _a === void 0 ? void 0 : _a.control.patchValue(dates);
845
- this.dates = dates;
846
- this.close();
847
- };
848
- TzDaterangepickerDirective.prototype.close = function () {
849
- this.isOpen = false;
850
- this.overlayRef.detach();
851
- this.overlayRef.dispose();
852
- };
853
- return TzDaterangepickerDirective;
854
- }());
855
- TzDaterangepickerDirective.decorators = [
856
- { type: core.Directive, args: [{
857
- selector: "input[misTzDrp]"
858
- },] }
859
- ];
860
- TzDaterangepickerDirective.ctorParameters = function () { return [
861
- { type: forms.NgControl, decorators: [{ type: core.Self }, { type: core.Optional }] },
862
- { type: core.ElementRef },
863
- { type: overlay.Overlay },
864
- { type: core.ViewContainerRef }
865
- ]; };
866
- TzDaterangepickerDirective.propDecorators = {
867
- dpConfig: [{ type: core.Input }],
868
- selectedDates: [{ type: core.Input }],
869
- datesDisabled: [{ type: core.Input }],
870
- dateMessages: [{ type: core.Input }],
871
- positionX: [{ type: core.Input }],
872
- positionY: [{ type: core.Input }],
873
- offsetX: [{ type: core.Input }],
874
- offsetY: [{ type: core.Input }],
875
- dateChange: [{ type: core.Output }],
876
- toggleDatePicker: [{ type: core.HostListener, args: ["click",] }]
877
- };
438
+ var DateRangepickerModuleV2 = /** @class */ (function () {
439
+ function DateRangepickerModuleV2() {
440
+ }
441
+ return DateRangepickerModuleV2;
442
+ }());
443
+ DateRangepickerModuleV2.decorators = [
444
+ { type: core.NgModule, args: [{
445
+ declarations: [TzDrpContainerComponent, TzDaterangepickerDirective],
446
+ imports: [common.CommonModule, overlay.OverlayModule, toast.ToastModule.forRoot(), button.ButtonModule.forRoot()],
447
+ exports: [TzDrpContainerComponent, TzDaterangepickerDirective],
448
+ entryComponents: [TzDrpContainerComponent]
449
+ },] }
450
+ ];
878
451
 
879
- var DateRangepickerModuleV2 = /** @class */ (function () {
880
- function DateRangepickerModuleV2() {
881
- }
882
- return DateRangepickerModuleV2;
883
- }());
884
- DateRangepickerModuleV2.decorators = [
885
- { type: core.NgModule, args: [{
886
- declarations: [TzDrpContainerComponent, TzDaterangepickerDirective],
887
- imports: [common.CommonModule, overlay.OverlayModule, toast.ToastModule.forRoot(), button.ButtonModule.forRoot()],
888
- exports: [TzDrpContainerComponent, TzDaterangepickerDirective],
889
- entryComponents: [TzDrpContainerComponent]
890
- },] }
891
- ];
452
+ /**
453
+ * Generated bundle index. Do not edit.
454
+ */
892
455
 
893
- /**
894
- * Generated bundle index. Do not edit.
895
- */
456
+ exports.DateRangepickerModuleV2 = DateRangepickerModuleV2;
457
+ exports.TzDaterangepickerDirective = TzDaterangepickerDirective;
458
+ exports.ɵb = TzDrpContainerComponent;
459
+ exports.ɵc = CONTAINER_DATA;
896
460
 
897
- exports.DateRangepickerModuleV2 = DateRangepickerModuleV2;
898
- exports.TzDaterangepickerDirective = TzDaterangepickerDirective;
899
- exports.ɵb = TzDrpContainerComponent;
900
- exports.ɵc = CONTAINER_DATA;
901
-
902
- Object.defineProperty(exports, '__esModule', { value: true });
461
+ Object.defineProperty(exports, '__esModule', { value: true });
903
462
 
904
463
  })));
905
464
  //# sourceMappingURL=mis-crystal-design-system-daterangepicker_v2.umd.js.map