@openmrs/ngx-formentry 3.0.1-pre.19 → 3.0.1-pre.38

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 (58) hide show
  1. package/bundles/openmrs-ngx-formentry.umd.js +356 -354
  2. package/bundles/openmrs-ngx-formentry.umd.js.map +1 -1
  3. package/bundles/openmrs-ngx-formentry.umd.min.js +16 -1
  4. package/bundles/openmrs-ngx-formentry.umd.min.js.map +1 -1
  5. package/components/check-box/checkbox.component.d.ts +1 -0
  6. package/components/ngx-datetime-picker/ngx-datetime-picker.component.d.ts +1 -0
  7. package/components/ngx-tabset/components/{tab-set.d.ts → ngx-tab-set.component.d.ts} +2 -2
  8. package/components/ngx-tabset/components/{tab.d.ts → tab.component.d.ts} +0 -0
  9. package/esm2015/components/appointments-overview/appointments-overview.component.js +2 -2
  10. package/esm2015/components/check-box/checkbox.component.js +3 -2
  11. package/esm2015/components/custom-component-wrapper/custom-component-wrapper.component.js +2 -2
  12. package/esm2015/components/custom-control-wrapper/custom-control-wrapper.component.js +2 -2
  13. package/esm2015/components/date-time-picker/date-picker/date-picker.component.js +1 -1
  14. package/esm2015/components/date-time-picker/time-picker/time-picker.component.js +1 -1
  15. package/esm2015/components/ngx-datetime-picker/ngx-datetime-picker.component.js +4 -2
  16. package/esm2015/components/ngx-pick-datetime/lib/date-time/calendar-body.component.js +2 -2
  17. package/esm2015/components/ngx-pick-datetime/lib/date-time/calendar-month-view.component.js +2 -2
  18. package/esm2015/components/ngx-pick-datetime/lib/date-time/calendar-multi-year-view.component.js +2 -2
  19. package/esm2015/components/ngx-pick-datetime/lib/date-time/calendar-year-view.component.js +2 -2
  20. package/esm2015/components/ngx-pick-datetime/lib/date-time/calendar.component.js +2 -2
  21. package/esm2015/components/ngx-pick-datetime/lib/date-time/date-time-inline.component.js +2 -2
  22. package/esm2015/components/ngx-pick-datetime/lib/date-time/date-time-picker-container.component.js +2 -2
  23. package/esm2015/components/ngx-pick-datetime/lib/date-time/date-time.class.js +1 -1
  24. package/esm2015/components/ngx-pick-datetime/lib/date-time/timer-box.component.js +2 -2
  25. package/esm2015/components/ngx-pick-datetime/lib/date-time/timer.component.js +2 -2
  26. package/esm2015/components/ngx-remote-select/ngx-remote-select.component.js +2 -2
  27. package/esm2015/components/ngx-tabset/components/ngx-tab-set.component.js +67 -0
  28. package/esm2015/components/ngx-tabset/components/tab.component.js +26 -0
  29. package/esm2015/components/ngx-tabset/modules/ngx-tabset.module.js +5 -5
  30. package/esm2015/components/number-input/number-input.component.js +2 -2
  31. package/esm2015/form-entry/error-renderer/error-renderer.component.js +2 -2
  32. package/esm2015/form-entry/form-factory/form-node.js +1 -1
  33. package/esm2015/form-entry/form-factory/form.factory.js +4 -1
  34. package/esm2015/form-entry/form-factory/question.factory.js +47 -1
  35. package/esm2015/form-entry/form-renderer/form-renderer.component.js +4 -37
  36. package/esm2015/form-entry/question-models/interfaces/base-options.js +1 -1
  37. package/esm2015/form-entry/question-models/question-base.js +1 -1
  38. package/esm2015/form-entry/services/historical-encounter-data.service.js +2 -2
  39. package/esm2015/form-entry/value-adapters/encounter.adapter.js +1 -1
  40. package/esm2015/form-entry/value-adapters/obs-adapter-helper.js +24 -4
  41. package/esm2015/openmrs-ngx-formentry.js +14 -15
  42. package/fesm2015/openmrs-ngx-formentry.js +227 -379
  43. package/fesm2015/openmrs-ngx-formentry.js.map +1 -1
  44. package/form-entry/form-factory/form-node.d.ts +1 -0
  45. package/form-entry/form-factory/form.factory.d.ts +1 -0
  46. package/form-entry/form-factory/question.factory.d.ts +1 -0
  47. package/form-entry/form-renderer/form-renderer.component.d.ts +1 -1
  48. package/form-entry/question-models/interfaces/base-options.d.ts +1 -0
  49. package/form-entry/question-models/question-base.d.ts +4 -0
  50. package/form-entry/value-adapters/obs-adapter-helper.d.ts +4 -0
  51. package/openmrs-ngx-formentry.d.ts +23 -24
  52. package/openmrs-ngx-formentry.metadata.json +1 -1
  53. package/package.json +1 -1
  54. package/styles/ngx-formentry.css +1 -1
  55. package/esm2015/components/ngx-tabset/components/tab-set.js +0 -67
  56. package/esm2015/components/ngx-tabset/components/tab.js +0 -35
  57. package/esm2015/form-entry/form-renderer/form-renderer.component.css.js +0 -182
  58. package/form-entry/form-renderer/form-renderer.component.css.d.ts +0 -1
@@ -1,32 +1,12 @@
1
1
  (function (global, factory) {
2
2
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('rxjs'), require('moment'), require('lodash'), require('@angular/animations'), require('@ng-select/ng-select'), require('@angular/platform-browser'), require('ngx-webcam'), require('ngx-file-uploader'), require('@angular/cdk/a11y'), require('@angular/cdk/overlay'), require('@angular/cdk/portal'), require('@angular/cdk/keycodes'), require('@angular/cdk/coercion'), require('rxjs/operators'), require('@angular/cdk/platform'), require('@angular-extensions/elements')) :
3
3
  typeof define === 'function' && define.amd ? define('@openmrs/ngx-formentry', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'rxjs', 'moment', 'lodash', '@angular/animations', '@ng-select/ng-select', '@angular/platform-browser', 'ngx-webcam', 'ngx-file-uploader', '@angular/cdk/a11y', '@angular/cdk/overlay', '@angular/cdk/portal', '@angular/cdk/keycodes', '@angular/cdk/coercion', 'rxjs/operators', '@angular/cdk/platform', '@angular-extensions/elements'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.openmrs = global.openmrs || {}, global.openmrs["ngx-formentry"] = {}), global.ng.core, global.ng.common, global.ng.forms, global.rxjs, global.moment, global._, global.ng.animations, global.ngSelect, global.ng.platformBrowser, global.ngxWebcam, global.ngxFileUploader, global.ng.cdk.a11y, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.cdk.keycodes, global.ng.cdk.coercion, global.rxjs.operators, global.ng.cdk.platform, global.elements));
5
- })(this, (function (exports, i0, common, forms, rxjs, moment, _, animations, ngSelect, platformBrowser, ngxWebcam, ngxFileUploader, a11y, overlay, portal, keycodes, coercion, operators, platform, elements) { 'use strict';
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.openmrs = global.openmrs || {}, global.openmrs['ngx-formentry'] = {}), global.ng.core, global.ng.common, global.ng.forms, global.rxjs, global.moment, global._, global.ng.animations, global.ngSelect, global.ng.platformBrowser, global.ngxWebcam, global.ngxFileUploader, global.ng.cdk.a11y, global.ng.cdk.overlay, global.ng.cdk.portal, global.ng.cdk.keycodes, global.ng.cdk.coercion, global.rxjs.operators, global.ng.cdk.platform, global.elements));
5
+ }(this, (function (exports, i0, common, forms, rxjs, moment, _, animations, ngSelect, platformBrowser, ngxWebcam, ngxFileUploader, a11y, overlay, portal, keycodes, coercion, operators, platform, elements) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
9
- function _interopNamespace(e) {
10
- if (e && e.__esModule) return e;
11
- var n = Object.create(null);
12
- if (e) {
13
- Object.keys(e).forEach(function (k) {
14
- if (k !== 'default') {
15
- var d = Object.getOwnPropertyDescriptor(e, k);
16
- Object.defineProperty(n, k, d.get ? d : {
17
- enumerable: true,
18
- get: function () { return e[k]; }
19
- });
20
- }
21
- });
22
- }
23
- n["default"] = e;
24
- return Object.freeze(n);
25
- }
26
-
27
- var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
28
9
  var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
29
- var ___namespace = /*#__PURE__*/_interopNamespace(_);
30
10
  var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
31
11
 
32
12
  /*
@@ -176,7 +156,7 @@
176
156
  { type: i0.Injectable }
177
157
  ];
178
158
 
179
- /******************************************************************************
159
+ /*! *****************************************************************************
180
160
  Copyright (c) Microsoft Corporation.
181
161
 
182
162
  Permission to use, copy, modify, and/or distribute this software for any
@@ -338,11 +318,7 @@
338
318
  var __createBinding = Object.create ? (function (o, m, k, k2) {
339
319
  if (k2 === undefined)
340
320
  k2 = k;
341
- var desc = Object.getOwnPropertyDescriptor(m, k);
342
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
343
- desc = { enumerable: true, get: function () { return m[k]; } };
344
- }
345
- Object.defineProperty(o, k2, desc);
321
+ Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
346
322
  }) : (function (o, m, k, k2) {
347
323
  if (k2 === undefined)
348
324
  k2 = k;
@@ -406,16 +382,10 @@
406
382
  r[k] = a[j];
407
383
  return r;
408
384
  }
409
- function __spreadArray(to, from, pack) {
410
- if (pack || arguments.length === 2)
411
- for (var i = 0, l = from.length, ar; i < l; i++) {
412
- if (ar || !(i in from)) {
413
- if (!ar)
414
- ar = Array.prototype.slice.call(from, 0, i);
415
- ar[i] = from[i];
416
- }
417
- }
418
- return to.concat(ar || Array.prototype.slice.call(from));
385
+ function __spreadArray(to, from) {
386
+ for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
387
+ to[j] = from[i];
388
+ return to;
419
389
  }
420
390
  function __await(v) {
421
391
  return this instanceof __await ? (this.v = v, this) : new __await(v);
@@ -497,11 +467,6 @@
497
467
  throw new TypeError("Cannot write private member to an object whose class did not declare it");
498
468
  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
499
469
  }
500
- function __classPrivateFieldIn(state, receiver) {
501
- if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
502
- throw new TypeError("Cannot use 'in' operator on non-object");
503
- return typeof state === "function" ? receiver === state : state.has(receiver);
504
- }
505
470
 
506
471
  // import { CanHide } from '../form-entry/control-hiders-disablers/can-hide';
507
472
  // import { CanDisable } from '../form-entry/control-hiders-disablers/can-disable';
@@ -1124,7 +1089,7 @@
1124
1089
  if (control.uuid) {
1125
1090
  scope[control.uuid] = control.value;
1126
1091
  }
1127
- window['moment'] = moment__default["default"];
1092
+ window['moment'] = moment__default['default'];
1128
1093
  // scope.moment = moment;
1129
1094
  scope['myValue'] = control.value;
1130
1095
  scope['FORM'] = {};
@@ -1541,7 +1506,6 @@
1541
1506
  return AfeFormArray;
1542
1507
  }(forms.FormArray));
1543
1508
 
1544
- exports.AfeControlType = void 0;
1545
1509
  (function (AfeControlType) {
1546
1510
  AfeControlType[AfeControlType["AfeFormControl"] = 0] = "AfeFormControl";
1547
1511
  AfeControlType[AfeControlType["AfeFormArray"] = 1] = "AfeFormArray";
@@ -1834,7 +1798,7 @@
1834
1798
  if (height && weight) {
1835
1799
  bmi = (weight / (((height / 100) * height) / 100)).toFixed(1);
1836
1800
  }
1837
- var refSectionObject = ___namespace.first(bmiForAgeRef);
1801
+ var refSectionObject = _.first(bmiForAgeRef);
1838
1802
  var formattedSDValue;
1839
1803
  if (refSectionObject) {
1840
1804
  var refObjectValues = Object.keys(refSectionObject)
@@ -1847,14 +1811,14 @@
1847
1811
  minReferencePoint_1.push(minimumValue);
1848
1812
  }
1849
1813
  else {
1850
- ___namespace.forEach(refObjectValues, function (value) {
1814
+ _.forEach(refObjectValues, function (value) {
1851
1815
  if (value <= bmi) {
1852
1816
  minReferencePoint_1.push(value);
1853
1817
  }
1854
1818
  });
1855
1819
  }
1856
- var lastReferenceValue_1 = ___namespace.last(minReferencePoint_1);
1857
- var lastValueIndex = ___namespace.findIndex(refObjectValues, function (o) {
1820
+ var lastReferenceValue_1 = _.last(minReferencePoint_1);
1821
+ var lastValueIndex = _.findIndex(refObjectValues, function (o) {
1858
1822
  return o === lastReferenceValue_1;
1859
1823
  });
1860
1824
  var SDValue = refObjectKeys[lastValueIndex];
@@ -1884,11 +1848,11 @@
1884
1848
  formattedSDValue = -4;
1885
1849
  }
1886
1850
  else {
1887
- refSection = ___namespace.filter(weightForHeightRef, function (refObject) {
1851
+ refSection = _.filter(weightForHeightRef, function (refObject) {
1888
1852
  return parseFloat(refObject['Length']).toFixed(1) === height;
1889
1853
  });
1890
1854
  }
1891
- var refSectionObject = ___namespace.first(refSection);
1855
+ var refSectionObject = _.first(refSection);
1892
1856
  if (refSectionObject) {
1893
1857
  var refObjectValues = Object.keys(refSectionObject)
1894
1858
  .map(function (key) { return refSectionObject[key]; })
@@ -1900,14 +1864,14 @@
1900
1864
  minReferencePoint_2.push(minimumValue);
1901
1865
  }
1902
1866
  else {
1903
- ___namespace.forEach(refObjectValues, function (value) {
1867
+ _.forEach(refObjectValues, function (value) {
1904
1868
  if (value <= weight) {
1905
1869
  minReferencePoint_2.push(value);
1906
1870
  }
1907
1871
  });
1908
1872
  }
1909
- var lastReferenceValue_2 = ___namespace.last(minReferencePoint_2);
1910
- var lastValueIndex = ___namespace.findIndex(refObjectValues, function (o) {
1873
+ var lastReferenceValue_2 = _.last(minReferencePoint_2);
1874
+ var lastValueIndex = _.findIndex(refObjectValues, function (o) {
1911
1875
  return o === lastReferenceValue_2;
1912
1876
  });
1913
1877
  var SDValue = refObjectKeys[lastValueIndex];
@@ -1926,7 +1890,7 @@
1926
1890
  return height && weight ? formattedSDValue : null;
1927
1891
  };
1928
1892
  JsExpressionHelper.prototype.calcHeightForAgeZscore = function (heightForAgeRef, height, weight) {
1929
- var refSectionObject = ___namespace.first(heightForAgeRef);
1893
+ var refSectionObject = _.first(heightForAgeRef);
1930
1894
  var formattedSDValue;
1931
1895
  if (refSectionObject) {
1932
1896
  var refObjectValues = Object.keys(refSectionObject)
@@ -1939,14 +1903,14 @@
1939
1903
  minReferencePoint_3.push(minimumValue);
1940
1904
  }
1941
1905
  else {
1942
- ___namespace.forEach(refObjectValues, function (value) {
1906
+ _.forEach(refObjectValues, function (value) {
1943
1907
  if (value <= height) {
1944
1908
  minReferencePoint_3.push(value);
1945
1909
  }
1946
1910
  });
1947
1911
  }
1948
- var lastReferenceValue_3 = ___namespace.last(minReferencePoint_3);
1949
- var lastValueIndex = ___namespace.findIndex(refObjectValues, function (o) {
1912
+ var lastReferenceValue_3 = _.last(minReferencePoint_3);
1913
+ var lastValueIndex = _.findIndex(refObjectValues, function (o) {
1950
1914
  return o === lastReferenceValue_3;
1951
1915
  });
1952
1916
  var SDValue = refObjectKeys[lastValueIndex];
@@ -2108,7 +2072,7 @@
2108
2072
  var _this = this;
2109
2073
  var list = [];
2110
2074
  if (question.validators) {
2111
- ___namespace.forEach(question.validators, function (validator) {
2075
+ _.forEach(question.validators, function (validator) {
2112
2076
  switch (validator.type) {
2113
2077
  case 'date':
2114
2078
  list.push(_this.dateValidator);
@@ -2477,8 +2441,6 @@
2477
2441
  { type: AlertsFactory }
2478
2442
  ]; };
2479
2443
 
2480
- var DEFAULT_STYLES = "a {\n color: white;\n text-decoration: none;\n font-size: 12px;\n text-transform: uppercase;\n }\n\n ul {\n list-style-type: none;\n margin: 2px auto;\n position: relative;\n }\n\n li {\n display: block;\n padding: 10px 20px;\n white-space: nowrap;\n transition: all 0.3s ease-in;\n border-bottom: 4px solid transparent;\n }\n\n li:hover {\n border-bottom: 4px solid white;\n opacity: 0.7;\n cursor: pointer;\n }\n\n .owl-theme .owl-controls .owl-nav {\n position: absolute;\n width: 100%;\n top: 0;\n }\n\n .owl-theme .owl-controls .owl-nav [class*=\"owl-\"] {\n position: absolute;\n background: none;\n color: black;\n }\n\n .owl-theme .owl-controls .owl-nav [class*=\"owl-\"]:hover {\n background: none;\n color: black;\n }\n\n .owl-theme .owl-controls .owl-nav .owl-next {\n right: 0;\n transform: translate(120%);\n }\n\n .owl-theme .owl-controls .owl-nav .owl-prev {\n left: 0;\n transform: translate(-120%);\n }\n\n .slick-initialized .swipe-tab-content {\n position: relative;\n min-height: 365px;\n }\n @media screen and (min-width: 767px) {\n .slick-initialized .swipe-tab-content {\n min-height: 500px;\n }\n }\n .slick-initialized .swipe-tab {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 50px;\n background: none;\n border: 0;\n color: #757575;\n cursor: pointer;\n text-align: center;\n border-bottom: 2px solid rgba(51, 122, 183, 0);\n transition: all 0.5s;\n }\n .slick-initialized .swipe-tab:hover {\n color: #337AB7;\n }\n .slick-initialized .swipe-tab.active-tab {\n border-bottom-color: #337AB7;\n color: #337AB7;\n font-weight: bold;\n }\n\n .disabled {\n opacity: .5;\n pointer-events: none;\n }\n\n .select2-container {\n margin-top: -5px;\n }\n\n .btn {\n padding: 0px 12px !important;\n }\n\n .form-tooltip{\n color:rgb(51, 122, 183);\n display: inline-block;\n }\n .question-info{\n opacity:0;\n height:0px;\n display: none;\n transition-duration: opacity 1s ease-out;\n transtion-delay: 0.5s;\n padding-top: 2px;\n padding-bottom: 2px;\n color: #696969;\n border-style: ridge;\n border-width: 1px;\n border-color: #337ab7;\n margin-top: 2px;\n }\n .hide-info{\n display:none;\n height:0px;\n }\n .form-tooltip:hover ~ .question-info {\n display:block;\n opacity:1;\n height:auto;\n }\n .form-tooltip .tooltipcontent::after {\n content: \" \";\n position: absolute;\n bottom: 100%; /* At the top of the tooltip */\n right: 0%;\n margin-left: -5px;\n border-width: 5px;\n border-style: solid;\n border-top-color: transparent;\n border-right-color: transparent;\n border-bottom-color: #337ab7;\n border-left-color: transparent;\n }\n\n ng-select.form-control {\n padding-top: 0;\n height: auto;\n padding-bottom: 0;\n }\n\n .forms-dropdown-menu {\n max-height: 450px;\n overflow-y: scroll;\n }\n .no-border {\n border: 0;\n box-shadow: none;\n}\n.text-danger{\n color: var(--cds-support-01, #da1e28);\n}\n.error{\n margin-bottom: 3rem;\n}\n.afe-control{\n margin-bottom: 1.5rem;\n}\n[hidden] {\n display: none !important;\n}\n.accordion-content-dark {\n background-color: #f4f4f4;\n padding-right: 1rem;\n}\n.accordion-content-override{\n\n box-sizing: content-box;\n}\n\n.question-area {\n width: 100%;\n display: flex;\n justify-content:flex-start;\n flex-direction: column;\n}\n ";
2481
-
2482
2444
  var DataSources = /** @class */ (function () {
2483
2445
  function DataSources() {
2484
2446
  this._dataSources = {};
@@ -2514,10 +2476,6 @@
2514
2476
  ];
2515
2477
  DataSources.ctorParameters = function () { return []; };
2516
2478
 
2517
- // import { concat, of, Observable, Subject, BehaviorSubject } from 'rxjs';
2518
- // import * as _ from 'lodash';
2519
- // import { debounceTime, distinctUntilChanged, tap, switchMap, catchError, map } from 'rxjs/operators';
2520
- // import { QuestionBase } from '../question-models';
2521
2479
  var FormRendererComponent = /** @class */ (function () {
2522
2480
  function FormRendererComponent(validationFactory, dataSources, formErrorsService, document) {
2523
2481
  this.validationFactory = validationFactory;
@@ -2569,30 +2527,7 @@
2569
2527
  if (this.node &&
2570
2528
  this.node.question.extras &&
2571
2529
  this.node.question.renderingType === 'remote-select') {
2572
- // let selectQuestion = this.node.form.searchNodeByQuestionId(this.node.question.key)[0];
2573
2530
  this.dataSource = this.dataSources.dataSources[this.node.question.dataSource];
2574
- /*
2575
- let defaltValues = of([]);
2576
- if (this.dataSource.resolveSelectedValue(selectQuestion.control.value)) {
2577
- defaltValues = this.dataSource.resolveSelectedValue(selectQuestion.control.value).pipe(
2578
- catchError(() => of([])), // empty list on error
2579
- );
2580
- }
2581
- this.items$ = concat(
2582
- defaltValues,
2583
- this.itemsInput$.pipe(
2584
- debounceTime(200),
2585
- distinctUntilChanged(),
2586
- tap(() => this.itemsLoading = true),
2587
- switchMap(term => this.dataSource.searchOptions(term).pipe(
2588
- catchError(() => of([])), // empty list on error
2589
- tap(() => {
2590
- this.itemsLoading = false
2591
- })
2592
- ))
2593
- )
2594
- );
2595
- */
2596
2531
  if (this.dataSource && this.node.question.dataSourceOptions) {
2597
2532
  this.dataSource.dataSourceOptions = this.node.question.dataSourceOptions;
2598
2533
  }
@@ -2603,8 +2538,6 @@
2603
2538
  this.node.question.extras &&
2604
2539
  this.node.question.renderingType === 'file') {
2605
2540
  this.dataSource = this.dataSources.dataSources[this.node.question.dataSource];
2606
- // console.log('Key', this.node.question);
2607
- // console.log('Data source', this.dataSource);
2608
2541
  }
2609
2542
  };
2610
2543
  FormRendererComponent.prototype.loadLabels = function () {
@@ -2694,12 +2627,10 @@
2694
2627
  }, 200);
2695
2628
  };
2696
2629
  FormRendererComponent.prototype.onDateChanged = function (node) {
2697
- // console.log('Node', node);
2698
2630
  this.node = node;
2699
2631
  };
2700
2632
  FormRendererComponent.prototype.upload = function (event) {
2701
- // console.log('Event', event);
2702
- // console.log('Data', this.dataSource);
2633
+ // TO DO Add upload functionality
2703
2634
  };
2704
2635
  FormRendererComponent.prototype.toggleInformation = function (infoId) {
2705
2636
  var e = document.getElementById(infoId);
@@ -2722,8 +2653,8 @@
2722
2653
  FormRendererComponent.decorators = [
2723
2654
  { type: i0.Component, args: [{
2724
2655
  selector: 'form-renderer',
2725
- template: "<!--CONTAINERS-->\n<div *ngIf=\"node.question.renderingType === 'form'\">\n <ngx-tabset (onSelect)=\"tabSelected($event)\" [selectedIndex]=\"activeTab\">\n <ngx-tab [tabTitle]=\"question.label\" *ngFor=\"let question of node.question.questions; let i = index\">\n <form-renderer [node]=\"node.children[question.key]\" [parentComponent]=\"this\" [parentGroup]=\"node.control\" [labelMap]=\"labelMap\">\n </form-renderer>\n </ngx-tab>\n <error-renderer [form]=\"node.form\"></error-renderer>\n </ngx-tabset>\n\n</div>\n<div *ngIf=\"node.question.renderingType === 'page'\">\n <!--Page Components-->\n <app-custom-component-wrapper [dark]=\"theme === 'light'\" [componentConfigs]=\"node.question.componentConfigs\">\n </app-custom-component-wrapper>\n <form-renderer *ngFor=\"let question of node.question.questions\" [parentComponent]=\"this\"\n [node]=\"node.children[question.key]\" [parentGroup]=\"parentGroup\" [labelMap]=\"labelMap\"></form-renderer>\n</div>\n<div *ngIf=\"node.question.renderingType === 'section' && checkSection(node)\">\n <div class=\"cds--accordion__item\" [ngClass]=\"{ 'cds--accordion__item--active': !isCollapsed }\">\n <button class=\"cds--accordion__heading\" type=\"button\" [attr.aria-expanded]=\"isCollapsed ? 'false' : 'true'\"\n aria-controls=\"accordion-item-0\" (click)=\"isCollapsed = !isCollapsed\">\n <svg class=\"cds--accordion__arrow\" ibmIcon=\"chevron--right\" size=\"16\" xmlns=\"http://www.w3.org/2000/svg\"\n focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\" width=\"16\" height=\"16\"\n viewBox=\"0 0 16 16\">\n <path d=\"M11 8L6 13 5.3 12.3 9.6 8 5.3 3.7 6 3z\"></path>\n </svg>\n <p class=\"cds--accordion__title\">\n {{ node.question.label }}\n </p>\n </button>\n <div [collapse]=\"isCollapsed\">\n <!--Section Components-->\n <app-custom-component-wrapper [dark]=\"(theme === 'light')\" [componentConfigs]=\"node.question.componentConfigs\">\n </app-custom-component-wrapper>\n <div class=\"cds--accordion__content accordion-content-override\" [ngClass]=\"{\n 'accordion-content-dark': theme === 'light'}\">\n <form-renderer *ngFor=\"let question of node.question.questions\" [parentComponent]=\"this\"\n [node]=\"node.children[question.key]\" [parentGroup]=\"parentGroup\" [labelMap]=\"labelMap\"></form-renderer>\n </div>\n </div>\n </div>\n</div>\n\n<!-- MESSAGES -->\n<div *ngIf=\"node.control && node.control.alert && node.control.alert !== ''\" class=\"alert alert-warning\">\n <a class=\"close\" data-dismiss=\"alert\">&times;</a> {{ node.control.alert }}\n</div>\n\n<!--CONTROLS-->\n\n\n<div *ngIf=\"node.question.controlType === 0\" [formGroup]=\"parentGroup\" [hidden]=\"node.control.hidden\"\n [ngClass]=\"{ disabled: node.control.disabled }\">\n <app-custom-component-wrapper [dark]=\"!(theme === 'light')\" [componentConfigs]=\"node.question.componentConfigs\">\n </app-custom-component-wrapper>\n <div class=\"cds--form-item\">\n <!--LEAF CONTROL-->\n <div class=\"question-area\">\n <a class=\"form-tooltip pull-right\" (click)=\"toggleInformation(node.question.extras.id)\" data-placement=\"right\"\n *ngIf=\"\n node.question &&\n node.question.extras.questionInfo &&\n node.question.extras.questionInfo !== '' &&\n node.question.extras.questionInfo !== ' '\n \">\n <i class=\"glyphicon glyphicon-question-sign\" aria-hidden=\"true\"></i>\n </a>\n\n <label *ngIf=\"node.question.label\" [style.color]=\"hasErrors() ? 'red' : ''\" class=\"cds--label\"\n [attr.for]=\"node.question.key\">\n {{ node.question.required ? '*' : '' }} {{ node.question.label }}\n </label>\n\n <div *ngIf=\"node.question.extras.questionOptions.customControl; else nativeControls\">\n <app-custom-control-wrapper [formControlName]=\"node.question.key\" [id]=\"node.question.key + 'id'\"\n [question]=\"node.question\">\n </app-custom-control-wrapper>\n </div>\n\n <ng-template #nativeControls>\n <div class=\"afe-control\" [ngSwitch]=\"node.question.renderingType\">\n <ibm-select [theme]=\"theme\" *ngSwitchCase=\"'select'\" [formControlName]=\"node.question.key\"\n [id]=\"node.question.key + 'id'\">\n <option *ngFor=\"let o of node.question.options\" [value]=\"o.value\">\n {{ o.label }}\n </option>\n </ibm-select>\n\n <!-- <app-file-upload *ngSwitchCase=\"'file'\" [dataSource]=\"dataSource\" [formControlName]=\"node.question.key\"\n [id]=\"node.question.key + 'id'\" (fileChanged)=\"upload($event)\">\n </app-file-upload> -->\n <div *ngSwitchCase=\"'file'\">\n <app-file-upload [dataSource]=\"dataSource\" [formControlName]=\"node.question.key\"\n [id]=\"node.question.key + 'id'\" (fileChanged)=\"upload($event)\">\n </app-file-upload>\n </div>\n\n <textarea [theme]=\"theme\" ibmTextArea [ngClass]=\"{\n 'cds--text-area--light': theme === 'light',\n 'cds--text-area--invalid': !node.control.valid\n }\" [placeholder]=\"node.question.placeholder\" [rows]=\"node.question.rows\" class=\"cds--text-area\"\n *ngSwitchCase=\"'textarea'\" [formControlName]=\"node.question.key\" [id]=\"node.question.key + 'id'\"\n [readOnly]=\"node.question.extras.readOnly\">\n </textarea>\n\n <ngx-remote-select [theme]=\"theme\" *ngSwitchCase=\"'remote-select'\" [placeholder]=\"node.question.placeholder\"\n tabindex=\"0\" [dataSource]=\"dataSource\" [componentID]=\"node.question.key + 'id'\"\n [formControlName]=\"node.question.key\" [id]=\"node.question.key + 'id'\"></ngx-remote-select>\n\n <ngx-datetimepicker [weeks]=\"node.question.extras.questionOptions.weeksList\"\n [showWeeks]=\"node.question.showWeeksAdder\" [theme]=\"theme\" [id]=\"node.question.key + 'id'\"\n [formControlName]=\"node.question.key\" *ngSwitchCase=\"'date'\">\n </ngx-datetimepicker>\n <ng-select [ngClass]=\"{'afe-custom': theme === 'light'}\" [id]=\"node.question.key + 'id'\"\n *ngSwitchCase=\"'multi-select'\" [items]=\"node.question.options\" bindLabel=\"label\" bindValue=\"value\"\n [multiple]=\"true\" placeholder=\"\" clearAllText=\"Clear\" [formControlName]=\"node.question.key\">\n </ng-select>\n\n <ng-select [ngClass]=\"{'afe-custom': theme === 'light'}\" [id]=\"node.question.key + 'id'\"\n *ngSwitchCase=\"'single-select'\" [items]=\"node.question.options\" bindLabel=\"label\" bindValue=\"value\"\n placeholder=\"\" clearAllText=\"Clear\" [formControlName]=\"node.question.key\">\n </ng-select>\n\n <number-input [theme]=\"theme\" *ngSwitchCase=\"'number'\" [id]=\"node.question.key + 'id'\"\n [min]=\"node.question.extras.questionOptions.min\" [max]=\"node.question.extras.questionOptions.max\"\n [formControlName]=\"node.question.key\" [attr.placeholder]=\"node.question.placeholder\">\n </number-input>\n\n <input [theme]=\"theme\" class=\"cds--text-input\" ibmText *ngSwitchDefault [formControlName]=\"node.question.key\"\n [attr.placeholder]=\"node.question.placeholder\" [type]=\"node.question.renderingType\"\n [id]=\"node.question.key + 'id'\" [readOnly]=\"node.question.extras.readOnly\"/>\n\n <div *ngSwitchCase=\"'radio'\">\n <div *ngFor=\"let o of node.question.options\">\n <label class=\"form-control no-border\">\n <input type=\"radio\" [formControlName]=\"node.question.key\" [id]=\"node.question.key + 'id'\"\n [value]=\"o.value\" />\n {{ o.label }}\n </label>\n </div>\n </div>\n\n <div *ngSwitchCase=\"'checkbox'\">\n <checkbox [id]=\"node.question.key + 'id'\" [formControlName]=\"node.question.key\"\n [options]=\"node.question.options\" [selected]=\"node.control.value\"></checkbox>\n </div>\n\n <div *ngIf=\"\n node.question.enableHistoricalValue && node.question.historicalDisplay\n \" style=\"margin-top: 2px\">\n <div class=\"container-fluid\">\n <div class=\"row\">\n <div class=\"col-xs-9\">\n <span class=\"text-warning\">Previous Value: </span>\n <strong>{{ node.question.historicalDisplay?.text }}</strong>\n <span *ngIf=\"node.question.showHistoricalValueDate\">\n <span> | </span>\n <strong class=\"text-primary\">{{ node.question.historicalDisplay?._date }}\n </strong>\n <span class=\"text-primary\" *ngIf=\"\n node.question.historicalDisplay &&\n node.question.historicalDisplay._date\n \">\n ({{ node.question.historicalDisplay._date | timeAgo }})</span>\n </span>\n </div>\n <button type=\"button\" [node]=\"node\" [name]=\"'historyValue'\"\n class=\"cds--btn cds--btn--primary cds--btn--sm col-xs-3\">\n Use Value\n </button>\n </div>\n </div>\n </div>\n <appointments-overview [node]=\"node\"></appointments-overview>\n <div *ngIf=\"hasErrors()\">\n <div *ngFor=\"let e of errors()\">\n <span class=\"text-danger\">{{ e }}</span>\n </div>\n </div>\n </div>\n </ng-template>\n\n\n\n <div class=\"question-info col-md-12 col-lg-12 col-sm-12\" id=\"{{ node.question.extras.id }}\" *ngIf=\"\n node.question &&\n node.question.extras.questionInfo &&\n node.question.extras.questionInfo !== '' &&\n node.question.extras.questionInfo !== ' '\n \">\n {{ node.question.extras.questionInfo }}\n </div>\n </div>\n </div>\n</div>\n<div *ngIf=\"node.question.controlType === 1\" [hidden]=\"node.control.hidden\"\n [ngClass]=\"{ disabled: node.control.disabled }\">\n <!--ARRAY CONTROL-->\n <div [ngSwitch]=\"node.question.renderingType\">\n <div class=\"well\" style=\"padding: 2px\" *ngSwitchCase=\"'repeating'\">\n <h4 style=\"margin: 2px; font-weight: bold\">{{ node.question.label }}</h4>\n <hr style=\"\n margin-left: -2px;\n margin-right: -2px;\n margin-bottom: 4px;\n margin-top: 8px;\n border-width: 2px;\n \" />\n <div [ngSwitch]=\"node.question.extras.type\">\n <div *ngSwitchCase=\"'testOrder'\">\n <div *ngFor=\"let child of node.children; let i = index\">\n <form-renderer *ngFor=\"let question of child.question.questions\" [parentComponent]=\"this\"\n [node]=\"child.children[question.key]\" [parentGroup]=\"child.control\" [labelMap]=\"labelMap\"></form-renderer>\n <div>{{ child.orderNumber }}</div>\n <button type=\"button \" class=\"cds--btn cds--btn--danger cds--btn--sm\" (click)=\"node.removeAt(i)\">\n Remove\n </button>\n <br />\n <hr style=\"\n margin-left: -2px;\n margin-right: -2px;\n margin-bottom: 4px;\n margin-top: 8px;\n border-width: 1px;\n \" />\n </div>\n </div>\n\n <div *ngSwitchCase=\"'obsGroup'\" style=\"margin-bottom: 20px\">\n <div *ngFor=\"let child of node.children; let i = index\">\n <form-renderer *ngFor=\"let question of child.question.questions\" [parentComponent]=\"this\"\n [node]=\"child.children[question.key]\" [parentGroup]=\"child.control\" [labelMap]=\"labelMap\"></form-renderer>\n <button type=\"button \" class=\"cds--btn cds--btn--danger cds--btn--sm\" (click)=\"node.removeAt(i)\">\n Remove\n </button>\n <br />\n <hr style=\"\n margin-left: -2px;\n margin-right: -2px;\n margin-bottom: 4px;\n margin-top: 8px;\n border-width: 1px;\n \" />\n </div>\n </div>\n </div>\n <button type=\"button\" class=\"cds--btn cds--btn--primary\" (click)=\"node.createChildNode()\">\n Add\n </button>\n </div>\n </div>\n</div>\n<div *ngIf=\"node.question.controlType === 2\" [hidden]=\"node.control.hidden\"\n [ngClass]=\"{ disabled: node.control.disabled }\">\n <!--GROUP-->\n <div [ngSwitch]=\"node.question.renderingType\">\n <div *ngSwitchCase=\"'group'\">\n <form-renderer *ngFor=\"let question of node.question.questions\" [parentComponent]=\"this\"\n [node]=\"node.children[question.key]\" [parentGroup]=\"node.control\" [labelMap]=\"labelMap\"></form-renderer>\n </div>\n <div *ngSwitchCase=\"'field-set'\" style=\"border: 1px solid #eeeeee; padding: 2px; margin: 2px\">\n <form-renderer *ngFor=\"let question of node.question.questions\" [parentComponent]=\"this\"\n [node]=\"node.children[question.key]\" [parentGroup]=\"node.control\" [labelMap]=\"labelMap\"></form-renderer>\n </div>\n </div>\n</div>\n",
2726
- styles: ['../../style/app.css', DEFAULT_STYLES]
2656
+ template: "<!--CONTAINERS-->\n<div *ngIf=\"node.question.renderingType === 'form'\">\n <ngx-tab-set (onSelect)=\"tabSelected($event)\" [selectedIndex]=\"activeTab\">\n <ngx-tab\n [tabTitle]=\"question.label\"\n *ngFor=\"let question of node.question.questions; let i = index\"\n >\n <form-renderer\n [node]=\"node.children[question.key]\"\n [parentComponent]=\"this\"\n [parentGroup]=\"node.control\"\n [labelMap]=\"labelMap\"\n >\n </form-renderer>\n </ngx-tab>\n <error-renderer [form]=\"node.form\"></error-renderer>\n </ngx-tab-set>\n</div>\n<div *ngIf=\"node.question.renderingType === 'page'\">\n <!--Page Components-->\n <app-custom-component-wrapper\n [dark]=\"theme === 'light'\"\n [componentConfigs]=\"node.question.componentConfigs\"\n >\n </app-custom-component-wrapper>\n <form-renderer\n *ngFor=\"let question of node.question.questions\"\n [parentComponent]=\"this\"\n [node]=\"node.children[question.key]\"\n [parentGroup]=\"parentGroup\"\n [labelMap]=\"labelMap\"\n ></form-renderer>\n</div>\n<div *ngIf=\"node.question.renderingType === 'section' && checkSection(node)\">\n <div\n class=\"cds--accordion__item\"\n [ngClass]=\"{ 'cds--accordion__item--active': !isCollapsed }\"\n >\n <button\n class=\"cds--accordion__heading\"\n type=\"button\"\n [attr.aria-expanded]=\"isCollapsed ? 'false' : 'true'\"\n aria-controls=\"accordion-item-0\"\n (click)=\"isCollapsed = !isCollapsed\"\n >\n <svg\n class=\"cds--accordion__arrow\"\n ibmIcon=\"chevron--right\"\n size=\"16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n aria-hidden=\"true\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n >\n <path d=\"M11 8L6 13 5.3 12.3 9.6 8 5.3 3.7 6 3z\"></path>\n </svg>\n <p class=\"cds--accordion__title\">\n {{ node.question.label }}\n </p>\n </button>\n <div [collapse]=\"isCollapsed\">\n <!--Section Components-->\n <app-custom-component-wrapper\n [dark]=\"theme === 'light'\"\n [componentConfigs]=\"node.question.componentConfigs\"\n >\n </app-custom-component-wrapper>\n <div\n class=\"cds--accordion__content accordion-content-override\"\n [ngClass]=\"{\n 'accordion-content-dark': theme === 'light'\n }\"\n >\n <form-renderer\n *ngFor=\"let question of node.question.questions\"\n [parentComponent]=\"this\"\n [node]=\"node.children[question.key]\"\n [parentGroup]=\"parentGroup\"\n [labelMap]=\"labelMap\"\n ></form-renderer>\n </div>\n </div>\n </div>\n</div>\n\n<!-- MESSAGES -->\n<div\n *ngIf=\"node.control && node.control.alert && node.control.alert !== ''\"\n class=\"alert alert-warning\"\n>\n <a class=\"close\" data-dismiss=\"alert\">&times;</a> {{ node.control.alert }}\n</div>\n\n<!--CONTROLS-->\n\n<div\n *ngIf=\"node.question.controlType === 0\"\n [formGroup]=\"parentGroup\"\n [hidden]=\"node.control.hidden\"\n [ngClass]=\"{ disabled: node.control.disabled }\"\n>\n <app-custom-component-wrapper\n [dark]=\"!(theme === 'light')\"\n [componentConfigs]=\"node.question.componentConfigs\"\n >\n </app-custom-component-wrapper>\n <div class=\"cds--form-item\">\n <!--LEAF CONTROL-->\n <div class=\"question-area\">\n <a\n class=\"form-tooltip pull-right\"\n (click)=\"toggleInformation(node.question.extras.id)\"\n data-placement=\"right\"\n *ngIf=\"\n node.question &&\n node.question.extras.questionInfo &&\n node.question.extras.questionInfo !== '' &&\n node.question.extras.questionInfo !== ' '\n \"\n >\n <i class=\"glyphicon glyphicon-question-sign\" aria-hidden=\"true\"></i>\n </a>\n\n <label\n *ngIf=\"node.question.label\"\n [style.color]=\"hasErrors() ? 'red' : ''\"\n class=\"cds--label\"\n [attr.for]=\"node.question.key\"\n >\n {{ node.question.required ? '*' : '' }}\n {{ node.question.prefix ? node.question.prefix + ' ' : ''\n }}{{ node.question.label }}\n </label>\n\n <div\n *ngIf=\"\n node.question.extras.questionOptions.customControl;\n else nativeControls\n \"\n >\n <app-custom-control-wrapper\n [formControlName]=\"node.question.key\"\n [id]=\"node.question.key + 'id'\"\n [question]=\"node.question\"\n >\n </app-custom-control-wrapper>\n </div>\n\n <ng-template #nativeControls>\n <div class=\"afe-control\" [ngSwitch]=\"node.question.renderingType\">\n <ibm-select\n [theme]=\"theme\"\n *ngSwitchCase=\"'select'\"\n [formControlName]=\"node.question.key\"\n [id]=\"node.question.key + 'id'\"\n >\n <option *ngFor=\"let o of node.question.options\" [value]=\"o.value\">\n {{ o.label }}\n </option>\n </ibm-select>\n\n <div *ngSwitchCase=\"'file'\">\n <app-file-upload\n [dataSource]=\"dataSource\"\n [formControlName]=\"node.question.key\"\n [id]=\"node.question.key + 'id'\"\n (fileChanged)=\"upload($event)\"\n >\n </app-file-upload>\n </div>\n\n <textarea\n [theme]=\"theme\"\n ibmTextArea\n [ngClass]=\"{\n 'cds--text-area--light': theme === 'light',\n 'cds--text-area--invalid': !node.control.valid\n }\"\n [placeholder]=\"node.question.placeholder\"\n [rows]=\"node.question.rows\"\n class=\"cds--text-area\"\n *ngSwitchCase=\"'textarea'\"\n [formControlName]=\"node.question.key\"\n [id]=\"node.question.key + 'id'\"\n [readOnly]=\"node.question.extras.readOnly\"\n >\n </textarea>\n\n <ngx-remote-select\n [theme]=\"theme\"\n *ngSwitchCase=\"'remote-select'\"\n [placeholder]=\"node.question.placeholder\"\n tabindex=\"0\"\n [dataSource]=\"dataSource\"\n [componentID]=\"node.question.key + 'id'\"\n [formControlName]=\"node.question.key\"\n [id]=\"node.question.key + 'id'\"\n ></ngx-remote-select>\n\n <ngx-datetimepicker\n [weeks]=\"node.question.extras.questionOptions.weeksList\"\n [showWeeks]=\"node.question.showWeeksAdder\"\n [theme]=\"theme\"\n [id]=\"node.question.key + 'id'\"\n [formControlName]=\"node.question.key\"\n *ngSwitchCase=\"'date'\"\n [datePickerFormat]=\"node.question.datePickerFormat\"\n >\n </ngx-datetimepicker>\n <ng-select\n [ngClass]=\"{ 'afe-custom': theme === 'light' }\"\n [id]=\"node.question.key + 'id'\"\n *ngSwitchCase=\"'multi-select'\"\n [items]=\"node.question.options\"\n bindLabel=\"label\"\n bindValue=\"value\"\n [multiple]=\"true\"\n placeholder=\"\"\n clearAllText=\"Clear\"\n [formControlName]=\"node.question.key\"\n >\n </ng-select>\n\n <ng-select\n [ngClass]=\"{ 'afe-custom': theme === 'light' }\"\n [id]=\"node.question.key + 'id'\"\n *ngSwitchCase=\"'single-select'\"\n [items]=\"node.question.options\"\n bindLabel=\"label\"\n bindValue=\"value\"\n placeholder=\"\"\n clearAllText=\"Clear\"\n [formControlName]=\"node.question.key\"\n >\n </ng-select>\n\n <number-input\n [theme]=\"theme\"\n *ngSwitchCase=\"'number'\"\n [id]=\"node.question.key + 'id'\"\n [min]=\"node.question.extras.questionOptions.min\"\n [max]=\"node.question.extras.questionOptions.max\"\n [formControlName]=\"node.question.key\"\n [attr.placeholder]=\"node.question.placeholder\"\n >\n </number-input>\n\n <input\n [theme]=\"theme\"\n class=\"cds--text-input\"\n ibmText\n *ngSwitchDefault\n [formControlName]=\"node.question.key\"\n [attr.placeholder]=\"node.question.placeholder\"\n [type]=\"node.question.renderingType\"\n [id]=\"node.question.key + 'id'\"\n [readOnly]=\"node.question.extras.readOnly\"\n />\n\n <div *ngSwitchCase=\"'radio'\">\n <div\n *ngFor=\"let o of node.question.options\"\n [ngClass]=\"{\n 'in-line': node.question.orientation === 'horizontal'\n }\"\n >\n <label class=\"form-control no-border\">\n <input\n type=\"radio\"\n [formControlName]=\"node.question.key\"\n [id]=\"node.question.key + 'id'\"\n [value]=\"o.value\"\n />\n {{ o.label }}\n </label>\n </div>\n </div>\n\n <div *ngSwitchCase=\"'checkbox'\">\n <checkbox\n [id]=\"node.question.key + 'id'\"\n [formControlName]=\"node.question.key\"\n [options]=\"node.question.options\"\n [selected]=\"node.control.value\"\n ></checkbox>\n </div>\n\n <div\n *ngIf=\"\n node.question.enableHistoricalValue &&\n node.question.historicalDisplay\n \"\n style=\"margin-top: 2px\"\n >\n <div class=\"container-fluid\">\n <div class=\"row\">\n <div class=\"col-xs-9\">\n <span class=\"text-warning\">Previous Value: </span>\n <strong>{{ node.question.historicalDisplay?.text }}</strong>\n <span *ngIf=\"node.question.showHistoricalValueDate\">\n <span> | </span>\n <strong class=\"text-primary\"\n >{{ node.question.historicalDisplay?._date | date }}\n </strong>\n <span\n class=\"text-primary\"\n *ngIf=\"\n node.question.historicalDisplay &&\n node.question.historicalDisplay._date\n \"\n >\n ({{\n node.question.historicalDisplay._date | timeAgo\n }})</span\n >\n </span>\n </div>\n <button\n type=\"button\"\n [node]=\"node\"\n [name]=\"'historyValue'\"\n class=\"cds--btn cds--btn--primary cds--btn--sm col-xs-3\"\n >\n Use Value\n </button>\n </div>\n </div>\n </div>\n <appointments-overview [node]=\"node\"></appointments-overview>\n <div *ngIf=\"hasErrors()\">\n <div *ngFor=\"let e of errors()\">\n <span class=\"text-danger\">{{ e }}</span>\n </div>\n </div>\n </div>\n </ng-template>\n\n <div\n class=\"question-info col-md-12 col-lg-12 col-sm-12\"\n id=\"{{ node.question.extras.id }}\"\n *ngIf=\"\n node.question &&\n node.question.extras.questionInfo &&\n node.question.extras.questionInfo !== '' &&\n node.question.extras.questionInfo !== ' '\n \"\n >\n {{ node.question.extras.questionInfo }}\n </div>\n </div>\n </div>\n</div>\n<div\n *ngIf=\"node.question.controlType === 1\"\n [hidden]=\"node.control.hidden\"\n [ngClass]=\"{ disabled: node.control.disabled }\"\n>\n <!--ARRAY CONTROL-->\n <div [ngSwitch]=\"node.question.renderingType\">\n <div class=\"well\" style=\"padding: 2px\" *ngSwitchCase=\"'repeating'\">\n <h4 style=\"margin: 2px; font-weight: bold\">{{ node.question.label }}</h4>\n <hr\n style=\"\n margin-left: -2px;\n margin-right: -2px;\n margin-bottom: 4px;\n margin-top: 8px;\n border-width: 2px;\n \"\n />\n <div [ngSwitch]=\"node.question.extras.type\">\n <div *ngSwitchCase=\"'testOrder'\">\n <div *ngFor=\"let child of node.children; let i = index\">\n <form-renderer\n *ngFor=\"let question of child.question.questions\"\n [parentComponent]=\"this\"\n [node]=\"child.children[question.key]\"\n [parentGroup]=\"child.control\"\n [labelMap]=\"labelMap\"\n ></form-renderer>\n <div>{{ child.orderNumber }}</div>\n <button\n type=\"button \"\n class=\"cds--btn cds--btn--danger cds--btn--sm\"\n (click)=\"node.removeAt(i)\"\n >\n Remove\n </button>\n <br />\n <hr\n style=\"\n margin-left: -2px;\n margin-right: -2px;\n margin-bottom: 4px;\n margin-top: 8px;\n border-width: 1px;\n \"\n />\n </div>\n </div>\n\n <div *ngSwitchCase=\"'obsGroup'\" style=\"margin-bottom: 20px\">\n <div *ngFor=\"let child of node.children; let i = index\">\n <form-renderer\n *ngFor=\"let question of child.question.questions\"\n [parentComponent]=\"this\"\n [node]=\"child.children[question.key]\"\n [parentGroup]=\"child.control\"\n [labelMap]=\"labelMap\"\n ></form-renderer>\n <button\n type=\"button \"\n class=\"cds--btn cds--btn--danger cds--btn--sm\"\n (click)=\"node.removeAt(i)\"\n >\n Remove\n </button>\n <br />\n <hr\n style=\"\n margin-left: -2px;\n margin-right: -2px;\n margin-bottom: 4px;\n margin-top: 8px;\n border-width: 1px;\n \"\n />\n </div>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"cds--btn cds--btn--primary\"\n (click)=\"node.createChildNode()\"\n >\n Add\n </button>\n </div>\n </div>\n</div>\n<div\n *ngIf=\"node.question.controlType === 2\"\n [hidden]=\"node.control.hidden\"\n [ngClass]=\"{ disabled: node.control.disabled }\"\n>\n <!--GROUP-->\n <div [ngSwitch]=\"node.question.renderingType\">\n <div *ngSwitchCase=\"'group'\">\n <form-renderer\n *ngFor=\"let question of node.question.questions\"\n [parentComponent]=\"this\"\n [node]=\"node.children[question.key]\"\n [parentGroup]=\"node.control\"\n [labelMap]=\"labelMap\"\n ></form-renderer>\n </div>\n <div\n *ngSwitchCase=\"'field-set'\"\n style=\"border: 1px solid #eeeeee; padding: 2px; margin: 2px\"\n >\n <form-renderer\n *ngFor=\"let question of node.question.questions\"\n [parentComponent]=\"this\"\n [node]=\"node.children[question.key]\"\n [parentGroup]=\"node.control\"\n [labelMap]=\"labelMap\"\n ></form-renderer>\n </div>\n </div>\n</div>\n",
2657
+ styles: [".slider{width:auto;margin:30px}.slick-next:before,.slick-prev:before{color:#337ab7}.slick-dots{bottom:-40px}.slick-slide{outline:none}", "a{color:#fff;text-decoration:none;font-size:12px;text-transform:uppercase}ul{list-style-type:none;margin:2px auto;position:relative}li{display:block;padding:10px 20px;white-space:nowrap;transition:all .3s ease-in;border-bottom:4px solid transparent}li:hover{border-bottom:4px solid #fff;opacity:.7;cursor:pointer}.owl-theme .owl-controls .owl-nav{position:absolute;width:100%;top:0}.owl-theme .owl-controls .owl-nav [class*=owl-]{position:absolute;background:none;color:#000}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:none;color:#000}.owl-theme .owl-controls .owl-nav .owl-next{right:0;transform:translate(120%)}.owl-theme .owl-controls .owl-nav .owl-prev{left:0;transform:translate(-120%)}.slick-initialized .swipe-tab-content{position:relative;min-height:365px}@media screen and (min-width:767px){.slick-initialized .swipe-tab-content{min-height:500px}}.slick-initialized .swipe-tab{display:flex;align-items:center;justify-content:center;height:50px;background:none;border:0;color:#757575;cursor:pointer;text-align:center;border-bottom:2px solid rgba(51,122,183,0);transition:all .5s}.slick-initialized .swipe-tab:hover{color:#337ab7}.slick-initialized .swipe-tab.active-tab{border-bottom-color:#337ab7;color:#337ab7;font-weight:700}.disabled{opacity:.5;pointer-events:none}.select2-container{margin-top:-5px}.btn{padding:0 12px!important}.form-tooltip{color:#337ab7;display:inline-block}.question-info{opacity:0;transition-duration:opacity 1s ease-out;transtion-delay:.5s;padding-top:2px;padding-bottom:2px;color:#696969;border:1px ridge #337ab7;margin-top:2px}.hide-info,.question-info{height:0;display:none}.form-tooltip:hover~.question-info{display:block;opacity:1;height:auto}.form-tooltip .tooltipcontent:after{content:\" \";position:absolute;bottom:100%;right:0;margin-left:-5px;border:5px solid transparent;border-bottom-color:#337ab7}ng-select.form-control{padding-top:0;height:auto;padding-bottom:0}.forms-dropdown-menu{max-height:450px;overflow-y:scroll}.no-border{border:0;box-shadow:none}.text-danger{color:var(--cds-support-01,#da1e28)}.error{margin-bottom:3rem}.afe-control{margin-bottom:1.5rem}[hidden]{display:none!important}.accordion-content-dark{background-color:#f4f4f4;padding-right:1rem}.accordion-content-override{box-sizing:content-box}.question-area{width:100%;max-width:18rem}.in-line{display:inline-block;padding-right:.5rem}"]
2727
2658
  },] }
2728
2659
  ];
2729
2660
  FormRendererComponent.ctorParameters = function () { return [
@@ -2767,7 +2698,7 @@
2767
2698
  ErrorRendererComponent.prototype.announceErrorField = function (errorNode) {
2768
2699
  var _this = this;
2769
2700
  var nodes = this.form.searchNodeByQuestionId(errorNode.path.substring(0, errorNode.path.indexOf('.')));
2770
- ___namespace.forEach(nodes, function (node) {
2701
+ _.forEach(nodes, function (node) {
2771
2702
  if (node.question.renderingType === 'page') {
2772
2703
  var pageIndex = _this.getPageIndex(node);
2773
2704
  _this.formErrorsService.announceErrorField(pageIndex + ',' + errorNode.question.key);
@@ -2784,7 +2715,7 @@
2784
2715
  ErrorRendererComponent.decorators = [
2785
2716
  { type: i0.Component, args: [{
2786
2717
  selector: 'error-renderer',
2787
- template: "<div *ngIf=\"showErrors()\" class=\"container\">\n <div data-notification *ngFor=\"let errorNode of errorNodes\"\n class=\"cds--inline-notification cds--inline-notification--error cds--inline-notification--low-contrast pointer\" role=\"alert\"\n (click)=\"announceErrorField(errorNode)\">\n <div class=\"cds--inline-notification__details\">\n <div class=\"cds--inline-notification__text-wrapper\">\n <p class=\"cds--inline-notification__title\">{{ errorNode.question.label }}</p>\n <p class=\"cds--inline-notification__subtitle\">{{ getControlError(errorNode) }}</p>\n </div>\n </div>\n <button tabindex=\"0\" class=\"cds--inline-notification__action-button cds--btn cds--btn--sm cds--btn--ghost\"\n type=\"button\">Fix</button>\n <svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" style=\"will-change: transform;\"\n xmlns=\"http://www.w3.org/2000/svg\" class=\"cds--inline-notification__icon\" width=\"20\" height=\"20\"\n viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n <path d=\"M10,1c-5,0-9,4-9,9s4,9,9,9s9-4,9-9S15,1,10,1z M13.5,14.5l-8-8l1-1l8,8L13.5,14.5z\"></path>\n <path d=\"M13.5,14.5l-8-8l1-1l8,8L13.5,14.5z\" data-icon-path=\"inner-path\" opacity=\"0\"></path>\n </svg>\n </div>\n</div>",
2718
+ template: "<div *ngIf=\"showErrors()\" class=\"container\">\n <div\n data-notification\n *ngFor=\"let errorNode of errorNodes\"\n class=\"cds--inline-notification cds--inline-notification--error cds--inline-notification--low-contrast pointer\"\n role=\"alert\"\n (click)=\"announceErrorField(errorNode)\"\n >\n <div class=\"cds--inline-notification__details\">\n <div class=\"cds--inline-notification__text-wrapper\">\n <p class=\"cds--inline-notification__title\">\n {{ errorNode.question.label }}\n </p>\n <p class=\"cds--inline-notification__subtitle\">\n {{ getControlError(errorNode) }}\n </p>\n </div>\n </div>\n <button\n tabindex=\"0\"\n class=\"cds--inline-notification__action-button cds--btn cds--btn--sm cds--btn--ghost\"\n type=\"button\"\n >\n Fix\n </button>\n <svg\n focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n style=\"will-change: transform\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"cds--inline-notification__icon\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M10,1c-5,0-9,4-9,9s4,9,9,9s9-4,9-9S15,1,10,1z M13.5,14.5l-8-8l1-1l8,8L13.5,14.5z\"\n ></path>\n <path\n d=\"M13.5,14.5l-8-8l1-1l8,8L13.5,14.5z\"\n data-icon-path=\"inner-path\"\n opacity=\"0\"\n ></path>\n </svg>\n </div>\n</div>\n",
2788
2719
  styles: ["ul{list-style:none}.list-group-item{padding:2px 15px;cursor:pointer}ul li:hover{background-color:#fff}h4{margin-top:7px;margin-bottom:7px}.pointer{cursor:pointer}"]
2789
2720
  },] }
2790
2721
  ];
@@ -2802,10 +2733,10 @@
2802
2733
  HistoricalFieldHelperService.prototype.getDisplayTextFromOptions = function (question, valueProperty, displayProperty) {
2803
2734
  var displayText = '';
2804
2735
  var historicalValue = question.historicalDataValue;
2805
- if (___namespace.isArray(historicalValue.value)) {
2736
+ if (_.isArray(historicalValue.value)) {
2806
2737
  var valueConverted_1 = 0;
2807
- ___namespace.each(historicalValue.value, function (val) {
2808
- ___namespace.each(question.options, function (option) {
2738
+ _.each(historicalValue.value, function (val) {
2739
+ _.each(question.options, function (option) {
2809
2740
  if (option[valueProperty] === val) {
2810
2741
  if (valueConverted_1 === 0) {
2811
2742
  displayText = displayText + option[displayProperty];
@@ -2819,7 +2750,7 @@
2819
2750
  });
2820
2751
  }
2821
2752
  else {
2822
- ___namespace.each(question.options, function (option) {
2753
+ _.each(question.options, function (option) {
2823
2754
  if (option[valueProperty] === historicalValue.value) {
2824
2755
  displayText = option[displayProperty];
2825
2756
  }
@@ -2863,7 +2794,7 @@
2863
2794
  if (node) {
2864
2795
  this._node = node;
2865
2796
  if (this._node.question.enableHistoricalValue &&
2866
- !___namespace.isUndefined(this._node.question.historicalDataValue)) {
2797
+ !_.isUndefined(this._node.question.historicalDataValue)) {
2867
2798
  var display = { text: '', _date: '' };
2868
2799
  if (this._node.question.renderingType === 'select' ||
2869
2800
  this._node.question.renderingType === 'multi-select' ||
@@ -2872,7 +2803,7 @@
2872
2803
  display._date = this._node.question.historicalDataValue.valueDate;
2873
2804
  this._node.question['historicalDisplay'] = display;
2874
2805
  }
2875
- else if (!___namespace.isUndefined(this._node.question.historicalDataValue)) {
2806
+ else if (!_.isUndefined(this._node.question.historicalDataValue)) {
2876
2807
  display.text = this._node.question.historicalDataValue.value;
2877
2808
  display._date = this._node.question.historicalDataValue.valueDate;
2878
2809
  this._node.question['historicalDisplay'] = display;
@@ -3250,7 +3181,7 @@
3250
3181
  NumberInputComponent.decorators = [
3251
3182
  { type: i0.Component, args: [{
3252
3183
  selector: 'number-input',
3253
- template: "<div data-numberinput [attr.data-invalid]=\"invalid ? true : null\" class=\"cds--number\" [ngClass]=\"{\n 'cds--number--light': theme === 'light',\n 'cds--number--nolabel': !label,\n 'cds--number--helpertext': helperText,\n 'cds--skeleton': skeleton,\n 'cds--number--sm': size === 'sm',\n 'cds--number--xl': size === 'xl'\n }\">\n <div class=\"cds--number__input-wrapper\" [ngClass]=\"{\n 'cds--number__input-wrapper--warning': warn\n }\">\n <input type=\"number\" [id]=\"id\" [value]=\"value\" [attr.min]=\"min\" [attr.max]=\"max\" [attr.step]=\"step\"\n [disabled]=\"disabled\" [required]=\"required\" (input)=\"onNumberInputChange($event)\" />\n <div class=\"cds--number__controls\">\n <button type=\"button\" class=\"cds--number__control-btn down-icon\" (click)=\"onDecrement()\" title=\"Decrement number\"\n [attr.aria-label]=\"decrementLabel\" tabindex=\"-1\">\n <svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"currentColor\" width=\"16\" height=\"16\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" class=\"down-icon\">\n <path d=\"M8 15H24V17H8z\"></path>\n </svg>\n </button>\n <div class=\"cds--number__rule-divider\"></div>\n <button type=\"button\" class=\"cds--number__control-btn up-icon\" (click)=\"onIncrement()\" title=\"Increment number\"\n [attr.aria-label]=\"incrementLabel\" tabindex=\"-1\">\n <svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"currentColor\" width=\"16\" height=\"16\" viewBox=\"0 0 32 32\" aria-hidden=\"true\" class=\"up-icon\">\n <path d=\"M17 15L17 8 15 8 15 15 8 15 8 17 15 17 15 24 17 24 17 17 24 17 24 15z\"></path>\n </svg>\n </button>\n <div class=\"cds--number__rule-divider\"></div>\n </div>\n </div>\n <div *ngIf=\"helperText && !invalid && !warn\" class=\"cds--form__helper-text\">\n <ng-container *ngIf=\"!isTemplate(helperText)\">{{\n helperText\n }}</ng-container>\n <ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n </div>\n <div *ngIf=\"!warn && invalid\" class=\"cds--form-requirement\">\n <ng-container *ngIf=\"!isTemplate(invalidText)\">{{\n invalidText\n }}</ng-container>\n <ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n </div>\n <div *ngIf=\"!invalid && warn\" class=\"cds--form-requirement\">\n <ng-container *ngIf=\"!isTemplate(warnText)\">{{ warnText }}</ng-container>\n <ng-template *ngIf=\"isTemplate(warnText)\" [ngTemplateOutlet]=\"warnText\"></ng-template>\n </div>\n</div>",
3184
+ template: "<div\n data-numberinput\n [attr.data-invalid]=\"invalid ? true : null\"\n class=\"cds--number\"\n [ngClass]=\"{\n 'cds--number--light': theme === 'light',\n 'cds--number--nolabel': !label,\n 'cds--number--helpertext': helperText,\n 'cds--skeleton': skeleton,\n 'cds--number--sm': size === 'sm',\n 'cds--number--xl': size === 'xl'\n }\"\n>\n <div\n class=\"cds--number__input-wrapper\"\n [ngClass]=\"{\n 'cds--number__input-wrapper--warning': warn\n }\"\n >\n <input\n type=\"number\"\n [id]=\"id\"\n [value]=\"value\"\n [attr.min]=\"min\"\n [attr.max]=\"max\"\n [attr.step]=\"step\"\n [disabled]=\"disabled\"\n [required]=\"required\"\n (input)=\"onNumberInputChange($event)\"\n />\n <div class=\"cds--number__controls\">\n <button\n type=\"button\"\n class=\"cds--number__control-btn down-icon\"\n (click)=\"onDecrement()\"\n title=\"Decrement number\"\n [attr.aria-label]=\"decrementLabel\"\n tabindex=\"-1\"\n >\n <svg\n focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"currentColor\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 32 32\"\n aria-hidden=\"true\"\n class=\"down-icon\"\n >\n <path d=\"M8 15H24V17H8z\"></path>\n </svg>\n </button>\n <div class=\"cds--number__rule-divider\"></div>\n <button\n type=\"button\"\n class=\"cds--number__control-btn up-icon\"\n (click)=\"onIncrement()\"\n title=\"Increment number\"\n [attr.aria-label]=\"incrementLabel\"\n tabindex=\"-1\"\n >\n <svg\n focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"currentColor\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 32 32\"\n aria-hidden=\"true\"\n class=\"up-icon\"\n >\n <path\n d=\"M17 15L17 8 15 8 15 15 8 15 8 17 15 17 15 24 17 24 17 17 24 17 24 15z\"\n ></path>\n </svg>\n </button>\n <div class=\"cds--number__rule-divider\"></div>\n </div>\n </div>\n <div *ngIf=\"helperText && !invalid && !warn\" class=\"cds--form__helper-text\">\n <ng-container *ngIf=\"!isTemplate(helperText)\">{{\n helperText\n }}</ng-container>\n <ng-template\n *ngIf=\"isTemplate(helperText)\"\n [ngTemplateOutlet]=\"helperText\"\n ></ng-template>\n </div>\n <div *ngIf=\"!warn && invalid\" class=\"cds--form-requirement\">\n <ng-container *ngIf=\"!isTemplate(invalidText)\">{{\n invalidText\n }}</ng-container>\n <ng-template\n *ngIf=\"isTemplate(invalidText)\"\n [ngTemplateOutlet]=\"invalidText\"\n ></ng-template>\n </div>\n <div *ngIf=\"!invalid && warn\" class=\"cds--form-requirement\">\n <ng-container *ngIf=\"!isTemplate(warnText)\">{{ warnText }}</ng-container>\n <ng-template\n *ngIf=\"isTemplate(warnText)\"\n [ngTemplateOutlet]=\"warnText\"\n ></ng-template>\n </div>\n</div>\n",
3254
3185
  providers: [
3255
3186
  {
3256
3187
  provide: forms.NG_VALUE_ACCESSOR,
@@ -3570,13 +3501,13 @@
3570
3501
  this.onDisplayMonths = false;
3571
3502
  this.onDisplayYears = false;
3572
3503
  this.displayYearsIndex = 0;
3573
- this.monthsShort = moment__default["default"].monthsShort();
3504
+ this.monthsShort = moment__default['default'].monthsShort();
3574
3505
  }
3575
3506
  DatePickerComponent.prototype.ngOnInit = function () {
3576
3507
  var _this = this;
3577
3508
  this.initValue();
3578
3509
  // default to current year range
3579
- ___default["default"].each(this.fullYearRange, function (v, i) {
3510
+ ___default['default'].each(this.fullYearRange, function (v, i) {
3580
3511
  _this.currentYear = _this.calendarDate.clone().startOf('year').year();
3581
3512
  if (v.indexOf(_this.currentYear) !== -1) {
3582
3513
  _this.displayYearsIndex = i;
@@ -3638,7 +3569,7 @@
3638
3569
  this.generateCalendar();
3639
3570
  };
3640
3571
  DatePickerComponent.prototype.selectToday = function () {
3641
- var today = this.parseToReturnObjectType(moment__default["default"]());
3572
+ var today = this.parseToReturnObjectType(moment__default['default']());
3642
3573
  this.onSelectDate.emit(today);
3643
3574
  this.cancelDatePicker();
3644
3575
  return;
@@ -3653,34 +3584,34 @@
3653
3584
  return;
3654
3585
  };
3655
3586
  DatePickerComponent.prototype.generateYears = function () {
3656
- var currentYear = moment__default["default"]().year();
3587
+ var currentYear = moment__default['default']().year();
3657
3588
  var startYr = this.calendarDate.clone().subtract(100, 'y').year();
3658
3589
  // const endYr = this.calendarDate.clone().add(10, 'y').year();
3659
3590
  var years = [];
3660
3591
  for (var year = startYr; year <= currentYear; year++) {
3661
3592
  years.push(year);
3662
3593
  }
3663
- this.fullYearRange = ___default["default"].chunk(years, 14);
3594
+ this.fullYearRange = ___default['default'].chunk(years, 14);
3664
3595
  };
3665
3596
  DatePickerComponent.prototype.initValue = function () {
3666
3597
  // set moment locale (default is en)
3667
- moment__default["default"].locale(this.locale);
3598
+ moment__default['default'].locale(this.locale);
3668
3599
  // set today value
3669
- this.today = moment__default["default"]().startOf('date');
3670
- this.currentMonth = this.monthsShort[moment__default["default"]().month()];
3671
- this.currentYear = moment__default["default"]().year();
3600
+ this.today = moment__default['default']().startOf('date');
3601
+ this.currentMonth = this.monthsShort[moment__default['default']().month()];
3602
+ this.currentYear = moment__default['default']().year();
3672
3603
  // set week days name array
3673
- this.dayNames = moment__default["default"].weekdaysShort(true);
3604
+ this.dayNames = moment__default['default'].weekdaysShort(true);
3674
3605
  // check if the input initDate has value
3675
3606
  if (this.initDate) {
3676
3607
  this.calendarDate =
3677
3608
  this.returnObject === 'string'
3678
- ? moment__default["default"](this.initDate, this.viewFormat)
3679
- : moment__default["default"](this.initDate);
3609
+ ? moment__default['default'](this.initDate, this.viewFormat)
3610
+ : moment__default['default'](this.initDate);
3680
3611
  this.selectedDate = this.calendarDate.clone().startOf('date');
3681
3612
  }
3682
3613
  else {
3683
- this.calendarDate = moment__default["default"]();
3614
+ this.calendarDate = moment__default['default']();
3684
3615
  }
3685
3616
  this.generateYears();
3686
3617
  };
@@ -3688,7 +3619,7 @@
3688
3619
  this.calendarDays = [];
3689
3620
  var start = 0 -
3690
3621
  ((this.calendarDate.clone().startOf('month').day() +
3691
- (7 - moment__default["default"].localeData().firstDayOfWeek())) %
3622
+ (7 - moment__default['default'].localeData().firstDayOfWeek())) %
3692
3623
  7);
3693
3624
  var end = 41 + start; // iterator ending point
3694
3625
  for (var i = start; i <= end; i += 1) {
@@ -3722,7 +3653,7 @@
3722
3653
  { type: i0.Component, args: [{
3723
3654
  selector: 'date-picker',
3724
3655
  template: "<picker-modal (onOverlayClick)=\"cancelDatePicker()\">\n <div class=\"picker-wrap\">\n <div class=\"picker-box\">\n <div class=\"picker-header\">\n <div class=\"picker-header-nav\">\n <span class=\"nav-prev\" (click)=\"prev()\"></span>\n </div>\n <div class=\"picker-header-content\">\n <div class=\"content\">\n <span (click)=\"showMonthSelection()\" class=\"month\">{{\n calendarDate | moment: 'MMMM'\n }}</span>\n <span class=\"seperator\">|</span>\n <span (click)=\"showYearSelection()\" class=\"year\">{{\n calendarDate | moment: 'YYYY'\n }}</span>\n </div>\n </div>\n <div class=\"picker-header-nav\">\n <span class=\"nav-next\" (click)=\"next()\"></span>\n </div>\n </div>\n <div class=\"picker-calendar\">\n <div\n class=\"picker-calendar-row\"\n *ngIf=\"!onDisplayMonths && !onDisplayYears\"\n >\n <span class=\"picker-weekday\" *ngFor=\"let day of dayNames\">{{\n day\n }}</span>\n </div>\n <div\n class=\"picker-calendar-row\"\n *ngIf=\"!onDisplayMonths && !onDisplayYears\"\n >\n <span\n class=\"picker-day\"\n (click)=\"selectDay(day)\"\n [ngClass]=\"{\n 'out-focus': day.month() != calendarDate.month(),\n today: day.isSame(today),\n selected: day.isSame(selectedDate)\n }\"\n *ngFor=\"let day of calendarDays\"\n >\n {{ day | moment: 'D' }}\n </span>\n </div>\n <div class=\"picker-calendar-row\" *ngIf=\"onDisplayMonths\">\n <span\n class=\"picker-month\"\n *ngFor=\"let month of monthsShort\"\n (click)=\"selectMonth(month)\"\n [ngClass]=\"{\n selected: month === currentMonth\n }\"\n >\n {{ month }}\n </span>\n </div>\n <div class=\"picker-calendar-row\" *ngIf=\"onDisplayYears\">\n <span\n class=\"picker-year\"\n *ngFor=\"let year of displayYearRange\"\n (click)=\"selectYear(year)\"\n [ngClass]=\"{\n selected: year === currentYear\n }\"\n >\n {{ year }}\n </span>\n </div>\n </div>\n <div class=\"picker-footer\">\n <div class=\"picker-action action-today\" (click)=\"selectToday()\">\n <span class=\"text\">Today</span>\n </div>\n <div class=\"picker-action action-clear\" (click)=\"clearPickDate()\">\n <span class=\"text\">Clear</span>\n </div>\n <div class=\"picker-action action-close\" (click)=\"cancelDatePicker()\">\n <span class=\"text\">Close</span>\n </div>\n </div>\n </div>\n </div>\n</picker-modal>\n",
3725
- styles: ["*,:after,:before{box-sizing:border-box}.picker-wrap{width:95vw;max-width:666px}.picker-box{font-family:Open Sans;min-width:400px!important;padding:.625rem 1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.picker-footer,.picker-header{font-size:1.333rem;line-height:2.5rem;display:flex;height:2.5rem;width:100%}.picker-header-nav{position:relative;cursor:pointer;width:calc(100% / 8)}.picker-header-nav>*{position:absolute;top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%)}.picker-header-nav .nav-next:before,.picker-header-nav .nav-prev:before{content:\" \";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:.75em solid #000;width:0;height:0;display:block;margin:0 auto}.picker-header-nav .nav-next:before{border-right:0;border-left:.75em solid #000}.picker-header-content{width:calc(100% * 6 / 8);text-align:center}.picker-header-content .month{font-size:1.778rem;line-height:2.5rem;margin-right:.5rem;font-weight:700}.picker-header-content .year{font-style:italic;color:#999}.picker-calendar{width:100%}.picker-calendar .picker-calendar-row{display:flex;flex-wrap:wrap;width:100%;margin-bottom:.625rem}.picker-calendar .picker-weekday{font-weight:700;text-align:left;color:#999;width:calc(100% / 7)}.picker-calendar .picker-day,.picker-calendar .picker-month,.picker-calendar .picker-year{font-size:1.333rem;line-height:2.5rem;position:relative;height:2.5rem;text-align:center;cursor:pointer;width:calc(100% / 7)}.picker-calendar .picker-day:hover,.picker-calendar .picker-month:hover,.picker-calendar .picker-year:hover{background:#b1dcfb}.picker-calendar .out-focus{color:#ddd}.picker-calendar .out-focus:hover{color:#000}.picker-calendar .selected{background:#0089ec;color:#fff}.picker-calendar .selected:hover{background:#0089ec}.picker-calendar .today:before{content:\" \";position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid #0059bc;border-left:.5em solid transparent}.picker-footer{cursor:pointer}.picker-footer .picker-action{text-align:center;width:calc(100% / 3)}.picker-footer .picker-action:hover{background-color:#b1dcfb}.picker-footer .picker-action .text{padding-left:.8rem}.picker-footer .action-clear:before,.picker-footer .action-close:before,.picker-footer .action-today:before{content:\" \";position:relative;display:inline-block;height:0;width:0}.picker-footer .action-today:before{border-top:.66em solid #0059bc;border-left:.66em solid transparent}.picker-footer .action-clear:before{top:-.5rem;width:1rem;border-top:3px solid #e20}.picker-footer .action-close:before{width:1rem;height:1rem;background:linear-gradient(180deg,transparent 35%,#777 0,#777 65%,transparent 0),linear-gradient(90deg,transparent 35%,#777 0,#777 65%,transparent 0);transform:rotate(45deg)}"]
3656
+ styles: ["*,:after,:before{box-sizing:border-box}.picker-wrap{width:95vw;max-width:666px}.picker-box{font-family:Open Sans;min-width:400px!important;padding:.625rem 1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker-footer,.picker-header{font-size:1.333rem;line-height:2.5rem;display:flex;height:2.5rem;width:100%}.picker-header-nav{position:relative;cursor:pointer;width:calc(100% / 8)}.picker-header-nav>*{position:absolute;top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%)}.picker-header-nav .nav-next:before,.picker-header-nav .nav-prev:before{content:\" \";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:.75em solid #000;width:0;height:0;display:block;margin:0 auto}.picker-header-nav .nav-next:before{border-right:0;border-left:.75em solid #000}.picker-header-content{width:calc(100% * 6 / 8);text-align:center}.picker-header-content .month{font-size:1.778rem;line-height:2.5rem;margin-right:.5rem;font-weight:700}.picker-header-content .year{font-style:italic;color:#999}.picker-calendar{width:100%}.picker-calendar .picker-calendar-row{display:flex;flex-wrap:wrap;width:100%;margin-bottom:.625rem}.picker-calendar .picker-weekday{font-weight:700;text-align:left;color:#999;width:calc(100% / 7)}.picker-calendar .picker-day,.picker-calendar .picker-month,.picker-calendar .picker-year{font-size:1.333rem;line-height:2.5rem;position:relative;height:2.5rem;text-align:center;cursor:pointer;width:calc(100% / 7)}.picker-calendar .picker-day:hover,.picker-calendar .picker-month:hover,.picker-calendar .picker-year:hover{background:#b1dcfb}.picker-calendar .out-focus{color:#ddd}.picker-calendar .out-focus:hover{color:#000}.picker-calendar .selected{background:#0089ec;color:#fff}.picker-calendar .selected:hover{background:#0089ec}.picker-calendar .today:before{content:\" \";position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid #0059bc;border-left:.5em solid transparent}.picker-footer{cursor:pointer}.picker-footer .picker-action{text-align:center;width:calc(100% / 3)}.picker-footer .picker-action:hover{background-color:#b1dcfb}.picker-footer .picker-action .text{padding-left:.8rem}.picker-footer .action-clear:before,.picker-footer .action-close:before,.picker-footer .action-today:before{content:\" \";position:relative;display:inline-block;height:0;width:0}.picker-footer .action-today:before{border-top:.66em solid #0059bc;border-left:.66em solid transparent}.picker-footer .action-clear:before{top:-.5rem;width:1rem;border-top:3px solid #e20}.picker-footer .action-close:before{width:1rem;height:1rem;background:linear-gradient(180deg,transparent 35%,#777 0,#777 65%,transparent 0),linear-gradient(90deg,transparent 35%,#777 0,#777 65%,transparent 0);transform:rotate(45deg)}"]
3726
3657
  },] }
3727
3658
  ];
3728
3659
  DatePickerComponent.ctorParameters = function () { return []; };
@@ -3756,17 +3687,17 @@
3756
3687
  this.hourFormat = 'hh';
3757
3688
  }
3758
3689
  this.time = this.initTime
3759
- ? moment__default["default"](this.initTime, this.viewFormat)
3760
- : moment__default["default"]();
3690
+ ? moment__default['default'](this.initTime, this.viewFormat)
3691
+ : moment__default['default']();
3761
3692
  // check if the input initDate has value
3762
3693
  if (this.initTime) {
3763
3694
  this.time =
3764
3695
  this.returnObject === 'string'
3765
- ? moment__default["default"](this.initTime, this.viewFormat)
3766
- : moment__default["default"](this.initTime);
3696
+ ? moment__default['default'](this.initTime, this.viewFormat)
3697
+ : moment__default['default'](this.initTime);
3767
3698
  }
3768
3699
  else {
3769
- this.time = moment__default["default"]();
3700
+ this.time = moment__default['default']();
3770
3701
  }
3771
3702
  };
3772
3703
  TimePickerComponent.prototype.increaseHour = function () {
@@ -3794,7 +3725,7 @@
3794
3725
  return;
3795
3726
  };
3796
3727
  TimePickerComponent.prototype.selectNow = function () {
3797
- var selectTime = this.parseToReturnObjectType(moment__default["default"]());
3728
+ var selectTime = this.parseToReturnObjectType(moment__default['default']());
3798
3729
  this.onSelectTime.emit(selectTime);
3799
3730
  this.cancelTimePicker();
3800
3731
  return;
@@ -3834,7 +3765,7 @@
3834
3765
  { type: i0.Component, args: [{
3835
3766
  selector: 'time-picker',
3836
3767
  template: "<picker-modal (onOverlayClick)=\"cancelTimePicker()\">\n <div class=\"picker-wrap\">\n <div class=\"picker-box\">\n <div class=\"picker-header\">Time Picker</div>\n <div class=\"picker-table\">\n <ul class=\"picker-table-time\">\n <li class=\"picker-table-number hour\">\n <span class=\"arrow up\" (click)=\"increaseHour()\"></span>\n {{ time | moment: hourFormat }}\n <span class=\"arrow down\" (click)=\"decreaseHour()\"></span>\n </li>\n <li class=\"picker-table-separator\">:</li>\n <li class=\"picker-table-number minute\">\n <span class=\"arrow up\" (click)=\"increaseMinute()\"></span>\n {{ time | moment: 'mm' }}\n <span class=\"arrow down\" (click)=\"decreaseMinute()\"></span>\n </li>\n <li *ngIf=\"showSecond\" class=\"picker-table-separator\">:</li>\n <li *ngIf=\"showSecond\" class=\"picker-table-number second\">\n <span class=\"arrow up\" (click)=\"increaseSecond()\"></span>\n {{ time | moment: 'ss' }}\n <span class=\"arrow down\" (click)=\"decreaseSecond()\"></span>\n </li>\n <li *ngIf=\"use12Hour\" class=\"picker-table-meridiem meridiem\">\n {{ time | moment: 'A' }}\n </li>\n </ul>\n </div>\n <div class=\"picker-footer\">\n <div class=\"picker-action action-now\" (click)=\"selectNow()\">\n <span class=\"text\">Now</span>\n </div>\n <div class=\"picker-action action-confirm\" (click)=\"selectTime()\">\n <span class=\"text\">Confirm</span>\n </div>\n <div class=\"picker-action action-clear\" (click)=\"clearTime()\">\n <span class=\"text\">Clear</span>\n </div>\n <div class=\"picker-action action-close\" (click)=\"cancelTimePicker()\">\n <span class=\"text\">Close</span>\n </div>\n </div>\n </div>\n </div>\n</picker-modal>\n",
3837
- styles: ["*,:after,:before{box-sizing:border-box}.picker-wrap{width:95vw;max-width:40rem;font-family:Open Sans}.picker-box{width:100%;padding:.625rem 1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.picker-footer,.picker-header{font-size:1.333rem;line-height:2.5rem;height:2.5rem;width:100%}.picker-header{text-align:center}.picker-table{width:100%;margin:2.5rem 0}.picker-table-time{font-size:2.37rem;line-height:2.5rem;list-style:none;margin:0;padding:0;display:flex;justify-content:center;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.picker-table-meridiem,.picker-table-number,.picker-table-separator{text-align:center}.picker-table-meridiem,.picker-table-number{position:relative;width:20%}.arrow{position:absolute;left:50%;border:solid #777;border-width:0 .2rem .2rem 0;display:inline-block;padding:.25rem;cursor:pointer}.arrow.up{top:-1rem;transform:translateX(-50%) rotate(-135deg)}.arrow.down{bottom:-1rem;transform:translateX(-50%) rotate(45deg)}.arrow:hover{border-color:#1975d2}.picker-table-separator{width:calc(20% / 3)}.picker-footer{display:flex;justify-content:center;width:100%;cursor:pointer}.picker-footer .picker-action{width:25%;text-align:center}.picker-footer .picker-action:hover{background-color:#b1dcfb}.picker-footer .picker-action .text{padding-left:.8rem}.picker-footer .action-clear:before,.picker-footer .action-close:before,.picker-footer .action-confirm:before,.picker-footer .action-now:before{content:\" \";position:relative;display:inline-block;height:0;width:0}.picker-footer .action-now:before{border-top:.66em solid #0059bc;border-left:.66em solid transparent}.picker-footer .action-confirm:before{width:1rem;height:1rem;border-radius:100%;background-color:#00b5ad}.picker-footer .action-clear:before{top:-.5rem;width:1rem;border-top:3px solid #e20}.picker-footer .action-close:before{width:1rem;height:1rem;background:linear-gradient(180deg,transparent 35%,#777 0,#777 65%,transparent 0),linear-gradient(90deg,transparent 35%,#777 0,#777 65%,transparent 0);transform:rotate(45deg)}"]
3768
+ styles: ["*,:after,:before{box-sizing:border-box}.picker-wrap{width:95vw;max-width:40rem;font-family:Open Sans}.picker-box{width:100%;padding:.625rem 1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker-footer,.picker-header{font-size:1.333rem;line-height:2.5rem;height:2.5rem;width:100%}.picker-header{text-align:center}.picker-table{width:100%;margin:2.5rem 0}.picker-table-time{font-size:2.37rem;line-height:2.5rem;list-style:none;margin:0;padding:0;display:flex;justify-content:center;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker-table-meridiem,.picker-table-number,.picker-table-separator{text-align:center}.picker-table-meridiem,.picker-table-number{position:relative;width:20%}.arrow{position:absolute;left:50%;border:solid #777;border-width:0 .2rem .2rem 0;display:inline-block;padding:.25rem;cursor:pointer}.arrow.up{top:-1rem;transform:translateX(-50%) rotate(-135deg)}.arrow.down{bottom:-1rem;transform:translateX(-50%) rotate(45deg)}.arrow:hover{border-color:#1975d2}.picker-table-separator{width:calc(20% / 3)}.picker-footer{display:flex;justify-content:center;width:100%;cursor:pointer}.picker-footer .picker-action{width:25%;text-align:center}.picker-footer .picker-action:hover{background-color:#b1dcfb}.picker-footer .picker-action .text{padding-left:.8rem}.picker-footer .action-clear:before,.picker-footer .action-close:before,.picker-footer .action-confirm:before,.picker-footer .action-now:before{content:\" \";position:relative;display:inline-block;height:0;width:0}.picker-footer .action-now:before{border-top:.66em solid #0059bc;border-left:.66em solid transparent}.picker-footer .action-confirm:before{width:1rem;height:1rem;border-radius:100%;background-color:#00b5ad}.picker-footer .action-clear:before{top:-.5rem;width:1rem;border-top:3px solid #e20}.picker-footer .action-close:before{width:1rem;height:1rem;background:linear-gradient(180deg,transparent 35%,#777 0,#777 65%,transparent 0),linear-gradient(90deg,transparent 35%,#777 0,#777 65%,transparent 0);transform:rotate(45deg)}"]
3838
3769
  },] }
3839
3770
  ];
3840
3771
  TimePickerComponent.ctorParameters = function () { return []; };
@@ -3909,11 +3840,11 @@
3909
3840
  DateTimePickerComponent.prototype.weeksSelected = function (count) {
3910
3841
  var now = new Date();
3911
3842
  var nextDate = now.setDate(now.getDate() + count * 7);
3912
- this.value = moment__default["default"](nextDate).format();
3843
+ this.value = moment__default['default'](nextDate).format();
3913
3844
  };
3914
3845
  DateTimePickerComponent.prototype.setDate = function (date) {
3915
3846
  if (date && date !== '') {
3916
- this.value = moment__default["default"](date).format();
3847
+ this.value = moment__default['default'](date).format();
3917
3848
  }
3918
3849
  else {
3919
3850
  this.value = date;
@@ -3921,7 +3852,7 @@
3921
3852
  };
3922
3853
  DateTimePickerComponent.prototype.setTime = function (time) {
3923
3854
  if (time && time !== '') {
3924
- this.value = moment__default["default"](time).format();
3855
+ this.value = moment__default['default'](time).format();
3925
3856
  }
3926
3857
  else {
3927
3858
  this.value = time;
@@ -3967,7 +3898,7 @@
3967
3898
  };
3968
3899
  DateTimePickerComponent.prototype.writeValue = function (value) {
3969
3900
  if (value instanceof Date) {
3970
- this.value = moment__default["default"](value).format();
3901
+ this.value = moment__default['default'](value).format();
3971
3902
  }
3972
3903
  else {
3973
3904
  this.value = value;
@@ -4034,17 +3965,18 @@
4034
3965
  this.isDisabled = false;
4035
3966
  this.id = '';
4036
3967
  this.theme = 'dark';
3968
+ this.datePickerFormat = '';
4037
3969
  this.showWeeks = false;
4038
3970
  this.onChange = function (_) { };
4039
3971
  this.onTouch = function () { };
4040
3972
  }
4041
3973
  NgxDatetimeComponent.prototype.onInput = function ($event) {
4042
3974
  this.onTouch();
4043
- this.onChange(moment__default["default"]($event.value).format());
3975
+ this.onChange(moment__default['default']($event.value).format());
4044
3976
  };
4045
3977
  NgxDatetimeComponent.prototype.writeValue = function (value) {
4046
3978
  if (value && value !== '') {
4047
- this.value = moment__default["default"](value).format();
3979
+ this.value = moment__default['default'](value).format();
4048
3980
  }
4049
3981
  else {
4050
3982
  this.value = '';
@@ -4061,14 +3993,14 @@
4061
3993
  };
4062
3994
  NgxDatetimeComponent.prototype.onWeeksSelected = function (numberOfWeeks) {
4063
3995
  var currentDate = new Date().toString();
4064
- this.onInput({ value: moment__default["default"](currentDate).add(numberOfWeeks, 'weeks') });
3996
+ this.onInput({ value: moment__default['default'](currentDate).add(numberOfWeeks, 'weeks') });
4065
3997
  };
4066
3998
  return NgxDatetimeComponent;
4067
3999
  }());
4068
4000
  NgxDatetimeComponent.decorators = [
4069
4001
  { type: i0.Component, args: [{
4070
4002
  selector: 'ngx-datetimepicker',
4071
- template: "<div class=\"date-time-picker-container\">\n <div data-date-picker data-date-picker-type=\"single\"\n class=\"cds--date-picker cds--date-picker--single cds--date-picker--light\" [ngClass]=\"{\n 'cds--date-picker--light': theme === 'light'\n}\">\n <div class=\"cds--date-picker-container fill\">\n <div class=\"cds--date-picker-input__wrapper\">\n <input [disabled]=\"isDisabled\" (dateTimeChange)=\"onInput($event)\" type=\"text\"\n class=\"cds--date-picker__input fill\" [id]=\"id\" [value]=\"value\" [owlDateTime]=\"dt1\"\n [owlDateTimeTrigger]=\"dt1\" placeholder=\"mm/dd/yyyy\" data-date-picker-input />\n <svg [owlDateTimeTrigger]=\"dt1\" focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" style=\"will-change: transform;\"\n xmlns=\"http://www.w3.org/2000/svg\" data-date-picker-icon=\"true\" class=\"cds--date-picker__icon\"\n width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\">\n <path\n d=\"M13,2h-2V1h-1v1H6V1H5v1H3C2.4,2,2,2.4,2,3v10c0,0.6,0.4,1,1,1h10c0.6,0,1-0.4,1-1V3C14,2.4,13.6,2,13,2z M13,13H3V6h10V13z M13,5H3V3h2v1h1V3h4v1h1V3h2V5z\">\n </path>\n </svg>\n </div>\n </div>\n </div>\n\n\n <div *ngIf=\"showWeeks\" class=\"cds--select some-class week-select-wrapper\" [ngClass]=\"{'cds--select--light': theme === 'light'}\">\n <div class=\"cds--select-input__wrapper\">\n <select (change)=\"onWeeksSelected($event.target.value)\" id=\"select-1\" class=\"cds--select-input\">\n <option class=\"cds--select-option\" value=\"placeholder-item\" disabled=\"\" hidden=\"\" selected=\"\">Select\n Weeks</option>\n <option class=\"cds--select-option\" [value]=\"week\" *ngFor=\"let week of weeks\">{{week}} Weeks</option>\n </select>\n <svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"currentColor\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" aria-hidden=\"true\"\n class=\"cds--select__arrow\">\n <path d=\"M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z\"></path>\n </svg>\n </div>\n </div>\n\n</div>\n<owl-date-time [pickerType]=\"'calendar'\" [disabled]=\"isDisabled\" #dt1></owl-date-time>",
4003
+ template: "<div class=\"date-time-picker-container\">\n <div\n data-date-picker\n data-date-picker-type=\"single\"\n class=\"cds--date-picker cds--date-picker--single cds--date-picker--light\"\n [ngClass]=\"{\n 'cds--date-picker--light': theme === 'light'\n}\"\n >\n <div class=\"cds--date-picker-container fill\">\n <div class=\"cds--date-picker-input__wrapper\">\n <input\n [disabled]=\"isDisabled\"\n (dateTimeChange)=\"onInput($event)\"\n type=\"text\"\n class=\"cds--date-picker__input fill\"\n [id]=\"id\"\n [value]=\"value\"\n [owlDateTime]=\"dt1\"\n [owlDateTimeTrigger]=\"dt1\"\n placeholder=\"mm/dd/yyyy\"\n data-date-picker-input\n />\n <svg\n [owlDateTimeTrigger]=\"dt1\"\n focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n style=\"will-change: transform\"\n xmlns=\"http://www.w3.org/2000/svg\"\n data-date-picker-icon=\"true\"\n class=\"cds--date-picker__icon\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n aria-hidden=\"true\"\n >\n <path\n d=\"M13,2h-2V1h-1v1H6V1H5v1H3C2.4,2,2,2.4,2,3v10c0,0.6,0.4,1,1,1h10c0.6,0,1-0.4,1-1V3C14,2.4,13.6,2,13,2z M13,13H3V6h10V13z M13,5H3V3h2v1h1V3h4v1h1V3h2V5z\"\n ></path>\n </svg>\n </div>\n </div>\n </div>\n\n <div\n *ngIf=\"showWeeks\"\n class=\"cds--select some-class week-select-wrapper\"\n [ngClass]=\"{'cds--select--light': theme === 'light'}\"\n >\n <div class=\"cds--select-input__wrapper\">\n <select\n (change)=\"onWeeksSelected($event.target.value)\"\n id=\"select-1\"\n class=\"cds--select-input\"\n >\n <option\n class=\"cds--select-option\"\n value=\"placeholder-item\"\n disabled=\"\"\n hidden=\"\"\n selected=\"\"\n >\n Select Weeks\n </option>\n <option\n class=\"cds--select-option\"\n [value]=\"week\"\n *ngFor=\"let week of weeks\"\n >\n {{week}} Weeks\n </option>\n </select>\n <svg\n focusable=\"false\"\n preserveAspectRatio=\"xMidYMid meet\"\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"currentColor\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n aria-hidden=\"true\"\n class=\"cds--select__arrow\"\n >\n <path d=\"M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z\"></path>\n </svg>\n </div>\n </div>\n</div>\n<owl-date-time\n [pickerType]=\"datePickerFormat ? datePickerFormat :'calendar'\"\n [disabled]=\"isDisabled\"\n #dt1\n></owl-date-time>\n",
4072
4004
  providers: [
4073
4005
  {
4074
4006
  provide: forms.NG_VALUE_ACCESSOR,
@@ -4082,6 +4014,7 @@
4082
4014
  NgxDatetimeComponent.propDecorators = {
4083
4015
  id: [{ type: i0.Input }],
4084
4016
  theme: [{ type: i0.Input }],
4017
+ datePickerFormat: [{ type: i0.Input }],
4085
4018
  showWeeks: [{ type: i0.Input }],
4086
4019
  weeks: [{ type: i0.Input }]
4087
4020
  };
@@ -4214,7 +4147,7 @@
4214
4147
  }
4215
4148
  return OwlDateTimeIntl;
4216
4149
  }());
4217
- OwlDateTimeIntl.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function OwlDateTimeIntl_Factory() { return new OwlDateTimeIntl(); }, token: OwlDateTimeIntl, providedIn: "root" });
4150
+ OwlDateTimeIntl.ɵprov = i0.ɵɵdefineInjectable({ factory: function OwlDateTimeIntl_Factory() { return new OwlDateTimeIntl(); }, token: OwlDateTimeIntl, providedIn: "root" });
4218
4151
  OwlDateTimeIntl.decorators = [
4219
4152
  { type: i0.Injectable, args: [{ providedIn: 'root' },] }
4220
4153
  ];
@@ -4696,7 +4629,7 @@
4696
4629
  { type: i0.Component, args: [{
4697
4630
  selector: 'owl-date-time-calendar',
4698
4631
  exportAs: 'owlDateTimeCalendar',
4699
- template: "<div class=\"owl-dt-calendar-control\">\n <!-- focus when keyboard tab (http://kizu.ru/en/blog/keyboard-only-focus/#x) -->\n <button class=\"owl-dt-control owl-dt-control-button owl-dt-control-arrow-button\"\n type=\"button\" tabindex=\"0\"\n [style.visibility]=\"showControlArrows? 'visible': 'hidden'\"\n [disabled]=\"!prevButtonEnabled()\"\n [attr.aria-label]=\"prevButtonLabel\"\n (click)=\"previousClicked()\">\n <span class=\"owl-dt-control-content owl-dt-control-button-content\" tabindex=\"-1\">\n <!-- <editor-fold desc=\"SVG Arrow Left\"> -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 250.738 250.738\"\n style=\"enable-background:new 0 0 250.738 250.738;\" xml:space=\"preserve\"\n width=\"100%\" height=\"100%\">\n <path style=\"fill-rule: evenodd; clip-rule: evenodd;\" d=\"M96.633,125.369l95.053-94.533c7.101-7.055,7.101-18.492,0-25.546 c-7.1-7.054-18.613-7.054-25.714,0L58.989,111.689c-3.784,3.759-5.487,8.759-5.238,13.68c-0.249,4.922,1.454,9.921,5.238,13.681 l106.983,106.398c7.101,7.055,18.613,7.055,25.714,0c7.101-7.054,7.101-18.491,0-25.544L96.633,125.369z\"/>\n </svg>\n <!-- </editor-fold> -->\n </span>\n </button>\n <div class=\"owl-dt-calendar-control-content\">\n <button class=\"owl-dt-control owl-dt-control-button owl-dt-control-period-button\"\n type=\"button\" tabindex=\"0\"\n [attr.aria-label]=\"periodButtonLabel\"\n (click)=\"toggleViews()\">\n <span class=\"owl-dt-control-content owl-dt-control-button-content\" tabindex=\"-1\">\n {{periodButtonText}}\n\n <span class=\"owl-dt-control-button-arrow\"\n [style.transform]=\"'rotate(' + (isMonthView? 0 : 180) +'deg)'\">\n <!-- <editor-fold desc=\"SVG Arrow\"> -->\n <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n width=\"50%\" height=\"50%\" viewBox=\"0 0 292.362 292.362\" style=\"enable-background:new 0 0 292.362 292.362;\"\n xml:space=\"preserve\">\n <g>\n <path d=\"M286.935,69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952,0-9.233,1.807-12.85,5.424\n C1.807,72.998,0,77.279,0,82.228c0,4.948,1.807,9.229,5.424,12.847l127.907,127.907c3.621,3.617,7.902,5.428,12.85,5.428\n s9.233-1.811,12.847-5.428L286.935,95.074c3.613-3.617,5.427-7.898,5.427-12.847C292.362,77.279,290.548,72.998,286.935,69.377z\"/>\n </g>\n </svg>\n <!-- </editor-fold> -->\n </span>\n </span>\n </button>\n </div>\n <button class=\"owl-dt-control owl-dt-control-button owl-dt-control-arrow-button\"\n type=\"button\" tabindex=\"0\"\n [style.visibility]=\"showControlArrows? 'visible': 'hidden'\"\n [disabled]=\"!nextButtonEnabled()\"\n [attr.aria-label]=\"nextButtonLabel\"\n (click)=\"nextClicked()\">\n <span class=\"owl-dt-control-content owl-dt-control-button-content\" tabindex=\"-1\">\n <!-- <editor-fold desc=\"SVG Arrow Right\"> -->\n <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n viewBox=\"0 0 250.738 250.738\" style=\"enable-background:new 0 0 250.738 250.738;\" xml:space=\"preserve\">\n <path style=\"fill-rule:evenodd;clip-rule:evenodd;\" d=\"M191.75,111.689L84.766,5.291c-7.1-7.055-18.613-7.055-25.713,0\n c-7.101,7.054-7.101,18.49,0,25.544l95.053,94.534l-95.053,94.533c-7.101,7.054-7.101,18.491,0,25.545\n c7.1,7.054,18.613,7.054,25.713,0L191.75,139.05c3.784-3.759,5.487-8.759,5.238-13.681\n C197.237,120.447,195.534,115.448,191.75,111.689z\"/>\n </svg>\n <!-- </editor-fold> -->\n </span>\n </button>\n</div>\n<div class=\"owl-dt-calendar-main\" cdkMonitorSubtreeFocus [ngSwitch]=\"currentView\" tabindex=\"-1\">\n <owl-date-time-month-view\n *ngSwitchCase=\"'month'\"\n [pickerMoment]=\"pickerMoment\"\n [firstDayOfWeek]=\"firstDayOfWeek\"\n [selected]=\"selected\"\n [selecteds]=\"selecteds\"\n [selectMode]=\"selectMode\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [dateFilter]=\"dateFilter\"\n [hideOtherMonths]=\"hideOtherMonths\"\n (pickerMomentChange)=\"handlePickerMomentChange($event)\"\n (selectedChange)=\"dateSelected($event)\"\n (userSelection)=\"userSelected()\"></owl-date-time-month-view>\n\n <owl-date-time-year-view\n *ngSwitchCase=\"'year'\"\n [pickerMoment]=\"pickerMoment\"\n [selected]=\"selected\"\n [selecteds]=\"selecteds\"\n [selectMode]=\"selectMode\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [dateFilter]=\"dateFilter\"\n (keyboardEnter)=\"focusActiveCell()\"\n (pickerMomentChange)=\"handlePickerMomentChange($event)\"\n (monthSelected)=\"selectMonthInYearView($event)\"\n (change)=\"goToDateInView($event, 'month')\"></owl-date-time-year-view>\n\n <owl-date-time-multi-year-view\n *ngSwitchCase=\"'multi-years'\"\n [pickerMoment]=\"pickerMoment\"\n [selected]=\"selected\"\n [selecteds]=\"selecteds\"\n [selectMode]=\"selectMode\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [dateFilter]=\"dateFilter\"\n (keyboardEnter)=\"focusActiveCell()\"\n (pickerMomentChange)=\"handlePickerMomentChange($event)\"\n (yearSelected)=\"selectYearInMultiYearView($event)\"\n (change)=\"goToDateInView($event, 'year')\"></owl-date-time-multi-year-view>\n</div>\n",
4632
+ template: "<div class=\"owl-dt-calendar-control\">\n <!-- focus when keyboard tab (http://kizu.ru/en/blog/keyboard-only-focus/#x) -->\n <button\n class=\"owl-dt-control owl-dt-control-button owl-dt-control-arrow-button\"\n type=\"button\"\n tabindex=\"0\"\n [style.visibility]=\"showControlArrows ? 'visible' : 'hidden'\"\n [disabled]=\"!prevButtonEnabled()\"\n [attr.aria-label]=\"prevButtonLabel\"\n (click)=\"previousClicked()\"\n >\n <span\n class=\"owl-dt-control-content owl-dt-control-button-content\"\n tabindex=\"-1\"\n >\n <!-- <editor-fold desc=\"SVG Arrow Left\"> -->\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n version=\"1.1\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 250.738 250.738\"\n style=\"enable-background: new 0 0 250.738 250.738\"\n xml:space=\"preserve\"\n width=\"100%\"\n height=\"100%\"\n >\n <path\n style=\"fill-rule: evenodd; clip-rule: evenodd\"\n d=\"M96.633,125.369l95.053-94.533c7.101-7.055,7.101-18.492,0-25.546 c-7.1-7.054-18.613-7.054-25.714,0L58.989,111.689c-3.784,3.759-5.487,8.759-5.238,13.68c-0.249,4.922,1.454,9.921,5.238,13.681 l106.983,106.398c7.101,7.055,18.613,7.055,25.714,0c7.101-7.054,7.101-18.491,0-25.544L96.633,125.369z\"\n />\n </svg>\n <!-- </editor-fold> -->\n </span>\n </button>\n <div class=\"owl-dt-calendar-control-content\">\n <button\n class=\"owl-dt-control owl-dt-control-button owl-dt-control-period-button\"\n type=\"button\"\n tabindex=\"0\"\n [attr.aria-label]=\"periodButtonLabel\"\n (click)=\"toggleViews()\"\n >\n <span\n class=\"owl-dt-control-content owl-dt-control-button-content\"\n tabindex=\"-1\"\n >\n {{ periodButtonText }}\n\n <span\n class=\"owl-dt-control-button-arrow\"\n [style.transform]=\"'rotate(' + (isMonthView ? 0 : 180) + 'deg)'\"\n >\n <!-- <editor-fold desc=\"SVG Arrow\"> -->\n <svg\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n x=\"0px\"\n y=\"0px\"\n width=\"50%\"\n height=\"50%\"\n viewBox=\"0 0 292.362 292.362\"\n style=\"enable-background: new 0 0 292.362 292.362\"\n xml:space=\"preserve\"\n >\n <g>\n <path\n d=\"M286.935,69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952,0-9.233,1.807-12.85,5.424\n C1.807,72.998,0,77.279,0,82.228c0,4.948,1.807,9.229,5.424,12.847l127.907,127.907c3.621,3.617,7.902,5.428,12.85,5.428\n s9.233-1.811,12.847-5.428L286.935,95.074c3.613-3.617,5.427-7.898,5.427-12.847C292.362,77.279,290.548,72.998,286.935,69.377z\"\n />\n </g>\n </svg>\n <!-- </editor-fold> -->\n </span>\n </span>\n </button>\n </div>\n <button\n class=\"owl-dt-control owl-dt-control-button owl-dt-control-arrow-button\"\n type=\"button\"\n tabindex=\"0\"\n [style.visibility]=\"showControlArrows ? 'visible' : 'hidden'\"\n [disabled]=\"!nextButtonEnabled()\"\n [attr.aria-label]=\"nextButtonLabel\"\n (click)=\"nextClicked()\"\n >\n <span\n class=\"owl-dt-control-content owl-dt-control-button-content\"\n tabindex=\"-1\"\n >\n <!-- <editor-fold desc=\"SVG Arrow Right\"> -->\n <svg\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 250.738 250.738\"\n style=\"enable-background: new 0 0 250.738 250.738\"\n xml:space=\"preserve\"\n >\n <path\n style=\"fill-rule: evenodd; clip-rule: evenodd\"\n d=\"M191.75,111.689L84.766,5.291c-7.1-7.055-18.613-7.055-25.713,0\n c-7.101,7.054-7.101,18.49,0,25.544l95.053,94.534l-95.053,94.533c-7.101,7.054-7.101,18.491,0,25.545\n c7.1,7.054,18.613,7.054,25.713,0L191.75,139.05c3.784-3.759,5.487-8.759,5.238-13.681\n C197.237,120.447,195.534,115.448,191.75,111.689z\"\n />\n </svg>\n <!-- </editor-fold> -->\n </span>\n </button>\n</div>\n<div\n class=\"owl-dt-calendar-main\"\n cdkMonitorSubtreeFocus\n [ngSwitch]=\"currentView\"\n tabindex=\"-1\"\n>\n <owl-date-time-month-view\n *ngSwitchCase=\"'month'\"\n [pickerMoment]=\"pickerMoment\"\n [firstDayOfWeek]=\"firstDayOfWeek\"\n [selected]=\"selected\"\n [selecteds]=\"selecteds\"\n [selectMode]=\"selectMode\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [dateFilter]=\"dateFilter\"\n [hideOtherMonths]=\"hideOtherMonths\"\n (pickerMomentChange)=\"handlePickerMomentChange($event)\"\n (selectedChange)=\"dateSelected($event)\"\n (userSelection)=\"userSelected()\"\n ></owl-date-time-month-view>\n\n <owl-date-time-year-view\n *ngSwitchCase=\"'year'\"\n [pickerMoment]=\"pickerMoment\"\n [selected]=\"selected\"\n [selecteds]=\"selecteds\"\n [selectMode]=\"selectMode\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [dateFilter]=\"dateFilter\"\n (keyboardEnter)=\"focusActiveCell()\"\n (pickerMomentChange)=\"handlePickerMomentChange($event)\"\n (monthSelected)=\"selectMonthInYearView($event)\"\n (change)=\"goToDateInView($event, 'month')\"\n ></owl-date-time-year-view>\n\n <owl-date-time-multi-year-view\n *ngSwitchCase=\"'multi-years'\"\n [pickerMoment]=\"pickerMoment\"\n [selected]=\"selected\"\n [selecteds]=\"selecteds\"\n [selectMode]=\"selectMode\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [dateFilter]=\"dateFilter\"\n (keyboardEnter)=\"focusActiveCell()\"\n (pickerMomentChange)=\"handlePickerMomentChange($event)\"\n (yearSelected)=\"selectYearInMultiYearView($event)\"\n (change)=\"goToDateInView($event, 'year')\"\n ></owl-date-time-multi-year-view>\n</div>\n",
4700
4633
  host: {
4701
4634
  '[class.owl-dt-calendar]': 'owlDTCalendarClass'
4702
4635
  },
@@ -5053,7 +4986,7 @@
5053
4986
  { type: i0.Component, args: [{
5054
4987
  exportAs: 'owlDateTimeTimer',
5055
4988
  selector: 'owl-date-time-timer',
5056
- template: "<owl-date-time-timer-box\n [upBtnAriaLabel]=\"upHourButtonLabel\"\n [downBtnAriaLabel]=\"downHourButtonLabel\"\n [upBtnDisabled]=\"!upHourEnabled()\"\n [downBtnDisabled]=\"!downHourEnabled()\"\n [boxValue]=\"hourBoxValue\"\n [value]=\"hourValue\" [min]=\"0\" [max]=\"23\"\n [step]=\"stepHour\" [inputLabel]=\"'Hour'\"\n (inputChange)=\"setHourValueViaInput($event)\"\n (valueChange)=\"setHourValue($event)\"></owl-date-time-timer-box>\n<owl-date-time-timer-box\n [showDivider]=\"true\"\n [upBtnAriaLabel]=\"upMinuteButtonLabel\"\n [downBtnAriaLabel]=\"downMinuteButtonLabel\"\n [upBtnDisabled]=\"!upMinuteEnabled()\"\n [downBtnDisabled]=\"!downMinuteEnabled()\"\n [value]=\"minuteValue\" [min]=\"0\" [max]=\"59\"\n [step]=\"stepMinute\" [inputLabel]=\"'Minute'\"\n (inputChange)=\"setMinuteValue($event)\"\n (valueChange)=\"setMinuteValue($event)\"></owl-date-time-timer-box>\n<owl-date-time-timer-box\n *ngIf=\"showSecondsTimer\"\n [showDivider]=\"true\"\n [upBtnAriaLabel]=\"upSecondButtonLabel\"\n [downBtnAriaLabel]=\"downSecondButtonLabel\"\n [upBtnDisabled]=\"!upSecondEnabled()\"\n [downBtnDisabled]=\"!downSecondEnabled()\"\n [value]=\"secondValue\" [min]=\"0\" [max]=\"59\"\n [step]=\"stepSecond\" [inputLabel]=\"'Second'\"\n (inputChange)=\"setSecondValue($event)\"\n (valueChange)=\"setSecondValue($event)\"></owl-date-time-timer-box>\n\n<div *ngIf=\"hour12Timer\" class=\"owl-dt-timer-hour12\">\n <button class=\"owl-dt-control-button owl-dt-timer-hour12-box\"\n type=\"button\" tabindex=\"0\"\n (click)=\"setMeridiem($event)\">\n <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\n {{hour12ButtonLabel}}\n </span>\n </button>\n</div>\n",
4989
+ template: "<owl-date-time-timer-box\n [upBtnAriaLabel]=\"upHourButtonLabel\"\n [downBtnAriaLabel]=\"downHourButtonLabel\"\n [upBtnDisabled]=\"!upHourEnabled()\"\n [downBtnDisabled]=\"!downHourEnabled()\"\n [boxValue]=\"hourBoxValue\"\n [value]=\"hourValue\"\n [min]=\"0\"\n [max]=\"23\"\n [step]=\"stepHour\"\n [inputLabel]=\"'Hour'\"\n (inputChange)=\"setHourValueViaInput($event)\"\n (valueChange)=\"setHourValue($event)\"\n></owl-date-time-timer-box>\n<owl-date-time-timer-box\n [showDivider]=\"true\"\n [upBtnAriaLabel]=\"upMinuteButtonLabel\"\n [downBtnAriaLabel]=\"downMinuteButtonLabel\"\n [upBtnDisabled]=\"!upMinuteEnabled()\"\n [downBtnDisabled]=\"!downMinuteEnabled()\"\n [value]=\"minuteValue\"\n [min]=\"0\"\n [max]=\"59\"\n [step]=\"stepMinute\"\n [inputLabel]=\"'Minute'\"\n (inputChange)=\"setMinuteValue($event)\"\n (valueChange)=\"setMinuteValue($event)\"\n></owl-date-time-timer-box>\n<owl-date-time-timer-box\n *ngIf=\"showSecondsTimer\"\n [showDivider]=\"true\"\n [upBtnAriaLabel]=\"upSecondButtonLabel\"\n [downBtnAriaLabel]=\"downSecondButtonLabel\"\n [upBtnDisabled]=\"!upSecondEnabled()\"\n [downBtnDisabled]=\"!downSecondEnabled()\"\n [value]=\"secondValue\"\n [min]=\"0\"\n [max]=\"59\"\n [step]=\"stepSecond\"\n [inputLabel]=\"'Second'\"\n (inputChange)=\"setSecondValue($event)\"\n (valueChange)=\"setSecondValue($event)\"\n></owl-date-time-timer-box>\n\n<div *ngIf=\"hour12Timer\" class=\"owl-dt-timer-hour12\">\n <button\n class=\"owl-dt-control-button owl-dt-timer-hour12-box\"\n type=\"button\"\n tabindex=\"0\"\n (click)=\"setMeridiem($event)\"\n >\n <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\n {{ hour12ButtonLabel }}\n </span>\n </button>\n</div>\n",
5057
4990
  preserveWhitespaces: false,
5058
4991
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
5059
4992
  host: {
@@ -5520,7 +5453,7 @@
5520
5453
  { type: i0.Component, args: [{
5521
5454
  exportAs: 'owlDateTimeContainer',
5522
5455
  selector: 'owl-date-time-container',
5523
- template: "<div [cdkTrapFocus]=\"picker.pickerMode !== 'inline'\"\n [@fadeInPicker]=\"picker.pickerMode === 'inline'? '' : 'enter'\"\n class=\"owl-dt-container-inner\">\n\n <owl-date-time-calendar\n *ngIf=\"pickerType === 'both' || pickerType === 'calendar'\"\n class=\"owl-dt-container-row\"\n [firstDayOfWeek]=\"picker.firstDayOfWeek\"\n [(pickerMoment)]=\"pickerMoment\"\n [selected]=\"picker.selected\"\n [selecteds]=\"picker.selecteds\"\n [selectMode]=\"picker.selectMode\"\n [minDate]=\"picker.minDateTime\"\n [maxDate]=\"picker.maxDateTime\"\n [dateFilter]=\"picker.dateTimeFilter\"\n [startView]=\"picker.startView\"\n [hideOtherMonths]=\"picker.hideOtherMonths\"\n (yearSelected)=\"picker.selectYear($event)\"\n (monthSelected)=\"picker.selectMonth($event)\"\n (selectedChange)=\"dateSelected($event)\"></owl-date-time-calendar>\n\n <owl-date-time-timer\n *ngIf=\"pickerType === 'both' || pickerType === 'timer'\"\n class=\"owl-dt-container-row\"\n [pickerMoment]=\"pickerMoment\"\n [minDateTime]=\"picker.minDateTime\"\n [maxDateTime]=\"picker.maxDateTime\"\n [showSecondsTimer]=\"picker.showSecondsTimer\"\n [hour12Timer]=\"picker.hour12Timer\"\n [stepHour]=\"picker.stepHour\"\n [stepMinute]=\"picker.stepMinute\"\n [stepSecond]=\"picker.stepSecond\"\n (selectedChange)=\"timeSelected($event)\"></owl-date-time-timer>\n\n <div *ngIf=\"picker.isInRangeMode\"\n role=\"radiogroup\"\n class=\"owl-dt-container-info owl-dt-container-row\">\n <div role=\"radio\" [tabindex]=\"activeSelectedIndex === 0 ? 0 : -1\"\n [attr.aria-checked]=\"activeSelectedIndex === 0\"\n class=\"owl-dt-control owl-dt-container-range owl-dt-container-from\"\n [ngClass]=\"{'owl-dt-container-info-active': activeSelectedIndex === 0}\"\n (click)=\"handleClickOnInfoGroup($event, 0)\"\n (keydown)=\"handleKeydownOnInfoGroup($event, to, 0)\" #from>\n <span class=\"owl-dt-control-content owl-dt-container-range-content\" tabindex=\"-1\">\n <span class=\"owl-dt-container-info-label\">{{fromLabel}}:</span>\n <span class=\"owl-dt-container-info-value\">{{fromFormattedValue}}</span>\n </span>\n </div>\n <div role=\"radio\" [tabindex]=\"activeSelectedIndex === 1 ? 0 : -1\"\n [attr.aria-checked]=\"activeSelectedIndex === 1\"\n class=\"owl-dt-control owl-dt-container-range owl-dt-container-to\"\n [ngClass]=\"{'owl-dt-container-info-active': activeSelectedIndex === 1}\"\n (click)=\"handleClickOnInfoGroup($event, 1)\"\n (keydown)=\"handleKeydownOnInfoGroup($event, from, 1)\" #to>\n <span class=\"owl-dt-control-content owl-dt-container-range-content\" tabindex=\"-1\">\n <span class=\"owl-dt-container-info-label\">{{toLabel}}:</span>\n <span class=\"owl-dt-container-info-value\">{{toFormattedValue}}</span>\n </span>\n </div>\n </div>\n\n <div *ngIf=\"showControlButtons\" class=\"owl-dt-container-buttons owl-dt-container-row\">\n <button class=\"owl-dt-control owl-dt-control-button owl-dt-container-control-button\"\n type=\"button\" tabindex=\"0\"\n (click)=\"onCancelClicked($event)\">\n <span class=\"owl-dt-control-content owl-dt-control-button-content\" tabindex=\"-1\">\n {{cancelLabel}}\n </span>\n </button>\n <button class=\"owl-dt-control owl-dt-control-button owl-dt-container-control-button\"\n type=\"button\" tabindex=\"0\"\n (click)=\"onSetClicked($event)\">\n <span class=\"owl-dt-control-content owl-dt-control-button-content\" tabindex=\"-1\">\n {{setLabel}}\n </span>\n </button>\n </div>\n</div>\n",
5456
+ template: "<div\n [cdkTrapFocus]=\"picker.pickerMode !== 'inline'\"\n [@fadeInPicker]=\"picker.pickerMode === 'inline' ? '' : 'enter'\"\n class=\"owl-dt-container-inner\"\n>\n <owl-date-time-calendar\n *ngIf=\"pickerType === 'both' || pickerType === 'calendar'\"\n class=\"owl-dt-container-row\"\n [firstDayOfWeek]=\"picker.firstDayOfWeek\"\n [(pickerMoment)]=\"pickerMoment\"\n [selected]=\"picker.selected\"\n [selecteds]=\"picker.selecteds\"\n [selectMode]=\"picker.selectMode\"\n [minDate]=\"picker.minDateTime\"\n [maxDate]=\"picker.maxDateTime\"\n [dateFilter]=\"picker.dateTimeFilter\"\n [startView]=\"picker.startView\"\n [hideOtherMonths]=\"picker.hideOtherMonths\"\n (yearSelected)=\"picker.selectYear($event)\"\n (monthSelected)=\"picker.selectMonth($event)\"\n (selectedChange)=\"dateSelected($event)\"\n ></owl-date-time-calendar>\n\n <owl-date-time-timer\n *ngIf=\"pickerType === 'both' || pickerType === 'timer'\"\n class=\"owl-dt-container-row\"\n [pickerMoment]=\"pickerMoment\"\n [minDateTime]=\"picker.minDateTime\"\n [maxDateTime]=\"picker.maxDateTime\"\n [showSecondsTimer]=\"picker.showSecondsTimer\"\n [hour12Timer]=\"picker.hour12Timer\"\n [stepHour]=\"picker.stepHour\"\n [stepMinute]=\"picker.stepMinute\"\n [stepSecond]=\"picker.stepSecond\"\n (selectedChange)=\"timeSelected($event)\"\n ></owl-date-time-timer>\n\n <div\n *ngIf=\"picker.isInRangeMode\"\n role=\"radiogroup\"\n class=\"owl-dt-container-info owl-dt-container-row\"\n >\n <div\n role=\"radio\"\n [tabindex]=\"activeSelectedIndex === 0 ? 0 : -1\"\n [attr.aria-checked]=\"activeSelectedIndex === 0\"\n class=\"owl-dt-control owl-dt-container-range owl-dt-container-from\"\n [ngClass]=\"{ 'owl-dt-container-info-active': activeSelectedIndex === 0 }\"\n (click)=\"handleClickOnInfoGroup($event, 0)\"\n (keydown)=\"handleKeydownOnInfoGroup($event, to, 0)\"\n #from\n >\n <span\n class=\"owl-dt-control-content owl-dt-container-range-content\"\n tabindex=\"-1\"\n >\n <span class=\"owl-dt-container-info-label\">{{ fromLabel }}:</span>\n <span class=\"owl-dt-container-info-value\">{{\n fromFormattedValue\n }}</span>\n </span>\n </div>\n <div\n role=\"radio\"\n [tabindex]=\"activeSelectedIndex === 1 ? 0 : -1\"\n [attr.aria-checked]=\"activeSelectedIndex === 1\"\n class=\"owl-dt-control owl-dt-container-range owl-dt-container-to\"\n [ngClass]=\"{ 'owl-dt-container-info-active': activeSelectedIndex === 1 }\"\n (click)=\"handleClickOnInfoGroup($event, 1)\"\n (keydown)=\"handleKeydownOnInfoGroup($event, from, 1)\"\n #to\n >\n <span\n class=\"owl-dt-control-content owl-dt-container-range-content\"\n tabindex=\"-1\"\n >\n <span class=\"owl-dt-container-info-label\">{{ toLabel }}:</span>\n <span class=\"owl-dt-container-info-value\">{{ toFormattedValue }}</span>\n </span>\n </div>\n </div>\n\n <div\n *ngIf=\"showControlButtons\"\n class=\"owl-dt-container-buttons owl-dt-container-row\"\n >\n <button\n class=\"owl-dt-control owl-dt-control-button owl-dt-container-control-button\"\n type=\"button\"\n tabindex=\"0\"\n (click)=\"onCancelClicked($event)\"\n >\n <span\n class=\"owl-dt-control-content owl-dt-control-button-content\"\n tabindex=\"-1\"\n >\n {{ cancelLabel }}\n </span>\n </button>\n <button\n class=\"owl-dt-control owl-dt-control-button owl-dt-container-control-button\"\n type=\"button\"\n tabindex=\"0\"\n (click)=\"onSetClicked($event)\"\n >\n <span\n class=\"owl-dt-control-content owl-dt-control-button-content\"\n tabindex=\"-1\"\n >\n {{ setLabel }}\n </span>\n </button>\n </div>\n</div>\n",
5524
5457
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
5525
5458
  preserveWhitespaces: false,
5526
5459
  animations: [
@@ -6986,7 +6919,7 @@
6986
6919
  };
6987
6920
 
6988
6921
  /* eslint-disable @angular-eslint/no-host-metadata-property */
6989
- var OWL_DATETIME_VALUE_ACCESSOR$1 = {
6922
+ var OWL_DATETIME_VALUE_ACCESSOR = {
6990
6923
  provide: forms.NG_VALUE_ACCESSOR,
6991
6924
  useExisting: i0.forwardRef(function () { return OwlDateTimeInputDirective; }),
6992
6925
  multi: true
@@ -7613,7 +7546,7 @@
7613
7546
  '[attr.max]': 'maxIso8601',
7614
7547
  '[disabled]': 'owlDateTimeInputDisabled'
7615
7548
  },
7616
- providers: [OWL_DATETIME_VALUE_ACCESSOR$1, OWL_DATETIME_VALIDATORS]
7549
+ providers: [OWL_DATETIME_VALUE_ACCESSOR, OWL_DATETIME_VALIDATORS]
7617
7550
  },] }
7618
7551
  ];
7619
7552
  OwlDateTimeInputDirective.ctorParameters = function () { return [
@@ -7773,7 +7706,7 @@
7773
7706
  { type: i0.Component, args: [{
7774
7707
  selector: '[owl-date-time-calendar-body]',
7775
7708
  exportAs: 'owlDateTimeCalendarBody',
7776
- template: "<tr *ngFor=\"let row of rows; let rowIndex = index\" role=\"row\">\n <td *ngFor=\"let item of row; let colIndex = index\"\n class=\"owl-dt-calendar-cell {{item.cellClass}}\"\n [tabindex]=\"isActiveCell(rowIndex, colIndex) ? 0 : -1\"\n [class.owl-dt-calendar-cell-active]=\"isActiveCell(rowIndex, colIndex)\"\n [class.owl-dt-calendar-cell-disabled]=\"!item.enabled\"\n [class.owl-dt-calendar-cell-in-range]=\"isInRange(item.value)\"\n [class.owl-dt-calendar-cell-range-from]=\"isRangeFrom(item.value)\"\n [class.owl-dt-calendar-cell-range-to]=\"isRangeTo(item.value)\"\n [attr.aria-label]=\"item.ariaLabel\"\n [attr.aria-disabled]=\"!item.enabled || null\"\n [style.width.%]=\"100 / numCols\"\n [style.paddingTop.%]=\"50 * cellRatio / numCols\"\n [style.paddingBottom.%]=\"50 * cellRatio / numCols\"\n (click)=\"selectCell(item)\">\n <span class=\"owl-dt-calendar-cell-content\"\n [ngClass]=\"{\n 'owl-dt-calendar-cell-out': item.out,\n 'owl-dt-calendar-cell-today': item.value === todayValue,\n 'owl-dt-calendar-cell-selected': isSelected(item.value)\n }\">\n {{item.displayValue}}\n </span>\n </td>\n</tr>\n",
7709
+ template: "<tr *ngFor=\"let row of rows; let rowIndex = index\" role=\"row\">\n <td\n *ngFor=\"let item of row; let colIndex = index\"\n class=\"owl-dt-calendar-cell {{ item.cellClass }}\"\n [tabindex]=\"isActiveCell(rowIndex, colIndex) ? 0 : -1\"\n [class.owl-dt-calendar-cell-active]=\"isActiveCell(rowIndex, colIndex)\"\n [class.owl-dt-calendar-cell-disabled]=\"!item.enabled\"\n [class.owl-dt-calendar-cell-in-range]=\"isInRange(item.value)\"\n [class.owl-dt-calendar-cell-range-from]=\"isRangeFrom(item.value)\"\n [class.owl-dt-calendar-cell-range-to]=\"isRangeTo(item.value)\"\n [attr.aria-label]=\"item.ariaLabel\"\n [attr.aria-disabled]=\"!item.enabled || null\"\n [style.width.%]=\"100 / numCols\"\n [style.paddingTop.%]=\"(50 * cellRatio) / numCols\"\n [style.paddingBottom.%]=\"(50 * cellRatio) / numCols\"\n (click)=\"selectCell(item)\"\n >\n <span\n class=\"owl-dt-calendar-cell-content\"\n [ngClass]=\"{\n 'owl-dt-calendar-cell-out': item.out,\n 'owl-dt-calendar-cell-today': item.value === todayValue,\n 'owl-dt-calendar-cell-selected': isSelected(item.value)\n }\"\n >\n {{ item.displayValue }}\n </span>\n </td>\n</tr>\n",
7777
7710
  host: {
7778
7711
  '[class.owl-dt-calendar-body]': 'owlDTCalendarBodyClass'
7779
7712
  },
@@ -8246,7 +8179,7 @@
8246
8179
  { type: i0.Component, args: [{
8247
8180
  selector: 'owl-date-time-month-view',
8248
8181
  exportAs: 'owlYearView',
8249
- template: "<table class=\"owl-dt-calendar-table owl-dt-calendar-month-table\"\n [class.owl-dt-calendar-only-current-month]=\"hideOtherMonths\">\n <thead class=\"owl-dt-calendar-header\">\n <tr class=\"owl-dt-weekdays\">\n <th *ngFor=\"let weekday of weekdays\"\n [attr.aria-label]=\"weekday.long\"\n class=\"owl-dt-weekday\" scope=\"col\">\n <span>{{weekday.short}}</span>\n </th>\n </tr>\n <tr>\n <th class=\"owl-dt-calendar-table-divider\" aria-hidden=\"true\" colspan=\"7\"></th>\n </tr>\n </thead>\n <tbody owl-date-time-calendar-body role=\"grid\"\n [rows]=\"days\" [todayValue]=\"todayDate\"\n [selectedValues]=\"selectedDates\"\n [selectMode]=\"selectMode\"\n [activeCell]=\"activeCell\"\n (keydown)=\"handleCalendarKeydown($event)\"\n (select)=\"selectCalendarCell($event)\">\n </tbody>\n</table>\n",
8182
+ template: "<table\n class=\"owl-dt-calendar-table owl-dt-calendar-month-table\"\n [class.owl-dt-calendar-only-current-month]=\"hideOtherMonths\"\n>\n <thead class=\"owl-dt-calendar-header\">\n <tr class=\"owl-dt-weekdays\">\n <th\n *ngFor=\"let weekday of weekdays\"\n [attr.aria-label]=\"weekday.long\"\n class=\"owl-dt-weekday\"\n scope=\"col\"\n >\n <span>{{ weekday.short }}</span>\n </th>\n </tr>\n <tr>\n <th\n class=\"owl-dt-calendar-table-divider\"\n aria-hidden=\"true\"\n colspan=\"7\"\n ></th>\n </tr>\n </thead>\n <tbody\n owl-date-time-calendar-body\n role=\"grid\"\n [rows]=\"days\"\n [todayValue]=\"todayDate\"\n [selectedValues]=\"selectedDates\"\n [selectMode]=\"selectMode\"\n [activeCell]=\"activeCell\"\n (keydown)=\"handleCalendarKeydown($event)\"\n (select)=\"selectCalendarCell($event)\"\n ></tbody>\n</table>\n",
8250
8183
  host: {
8251
8184
  '[class.owl-dt-calendar-view]': 'owlDTCalendarView'
8252
8185
  },
@@ -8647,7 +8580,7 @@
8647
8580
  { type: i0.Component, args: [{
8648
8581
  selector: 'owl-date-time-year-view',
8649
8582
  exportAs: 'owlMonthView',
8650
- template: "<table class=\"owl-dt-calendar-table owl-dt-calendar-year-table\">\n <thead class=\"owl-dt-calendar-header\">\n <tr>\n <th class=\"owl-dt-calendar-table-divider\" aria-hidden=\"true\" colspan=\"3\"></th>\n </tr>\n </thead>\n <tbody owl-date-time-calendar-body role=\"grid\"\n [rows]=\"months\" [numCols]=\"3\" [cellRatio]=\"3 / 7\"\n [activeCell]=\"activeCell\"\n [todayValue]=\"todayMonth\"\n [selectedValues]=\"selectedMonths\"\n [selectMode]=\"selectMode\"\n (keydown)=\"handleCalendarKeydown($event)\"\n (select)=\"selectCalendarCell($event)\">\n </tbody>\n</table>\n",
8583
+ template: "<table class=\"owl-dt-calendar-table owl-dt-calendar-year-table\">\n <thead class=\"owl-dt-calendar-header\">\n <tr>\n <th\n class=\"owl-dt-calendar-table-divider\"\n aria-hidden=\"true\"\n colspan=\"3\"\n ></th>\n </tr>\n </thead>\n <tbody\n owl-date-time-calendar-body\n role=\"grid\"\n [rows]=\"months\"\n [numCols]=\"3\"\n [cellRatio]=\"3 / 7\"\n [activeCell]=\"activeCell\"\n [todayValue]=\"todayMonth\"\n [selectedValues]=\"selectedMonths\"\n [selectMode]=\"selectMode\"\n (keydown)=\"handleCalendarKeydown($event)\"\n (select)=\"selectCalendarCell($event)\"\n ></tbody>\n</table>\n",
8651
8584
  host: {
8652
8585
  '[class.owl-dt-calendar-view]': 'owlDTCalendarView'
8653
8586
  },
@@ -9080,7 +9013,7 @@
9080
9013
  OwlMultiYearViewComponent.decorators = [
9081
9014
  { type: i0.Component, args: [{
9082
9015
  selector: 'owl-date-time-multi-year-view',
9083
- template: "<button class=\"owl-dt-control-button owl-dt-control-arrow-button\"\n [disabled]=\"!previousEnabled()\" [attr.aria-label]=\"prevButtonLabel\"\n type=\"button\" tabindex=\"0\" (click)=\"prevYearList($event)\">\n <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\n <!-- <editor-fold desc=\"SVG Arrow Left\"> -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 250.738 250.738\"\n style=\"enable-background:new 0 0 250.738 250.738;\" xml:space=\"preserve\"\n width=\"100%\" height=\"100%\">\n <path style=\"fill-rule: evenodd; clip-rule: evenodd;\" d=\"M96.633,125.369l95.053-94.533c7.101-7.055,7.101-18.492,0-25.546 c-7.1-7.054-18.613-7.054-25.714,0L58.989,111.689c-3.784,3.759-5.487,8.759-5.238,13.68c-0.249,4.922,1.454,9.921,5.238,13.681 l106.983,106.398c7.101,7.055,18.613,7.055,25.714,0c7.101-7.054,7.101-18.491,0-25.544L96.633,125.369z\"/>\n </svg>\n <!-- </editor-fold> -->\n </span>\n</button>\n<table class=\"owl-dt-calendar-table owl-dt-calendar-multi-year-table\">\n <thead class=\"owl-dt-calendar-header\">\n <tr>\n <th colspan=\"3\">{{tableHeader}}</th>\n </tr>\n </thead>\n <tbody owl-date-time-calendar-body role=\"grid\"\n [rows]=\"years\" [numCols]=\"3\" [cellRatio]=\"3 / 7\"\n [activeCell]=\"activeCell\"\n [todayValue]=\"todayYear\"\n [selectedValues]=\"selectedYears\"\n [selectMode]=\"selectMode\"\n (keydown)=\"handleCalendarKeydown($event)\"\n (select)=\"selectCalendarCell($event)\"></tbody>\n</table>\n<button class=\"owl-dt-control-button owl-dt-control-arrow-button\"\n [disabled]=\"!nextEnabled()\" [attr.aria-label]=\"nextButtonLabel\"\n type=\"button\" tabindex=\"0\" (click)=\"nextYearList($event)\">\n <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\n <!-- <editor-fold desc=\"SVG Arrow Right\"> -->\n <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"\n viewBox=\"0 0 250.738 250.738\" style=\"enable-background:new 0 0 250.738 250.738;\" xml:space=\"preserve\">\n <path style=\"fill-rule:evenodd;clip-rule:evenodd;\" d=\"M191.75,111.689L84.766,5.291c-7.1-7.055-18.613-7.055-25.713,0\n c-7.101,7.054-7.101,18.49,0,25.544l95.053,94.534l-95.053,94.533c-7.101,7.054-7.101,18.491,0,25.545\n c7.1,7.054,18.613,7.054,25.713,0L191.75,139.05c3.784-3.759,5.487-8.759,5.238-13.681\n C197.237,120.447,195.534,115.448,191.75,111.689z\"/>\n </svg>\n <!-- </editor-fold> -->\n </span>\n</button>\n",
9016
+ template: "<button\n class=\"owl-dt-control-button owl-dt-control-arrow-button\"\n [disabled]=\"!previousEnabled()\"\n [attr.aria-label]=\"prevButtonLabel\"\n type=\"button\"\n tabindex=\"0\"\n (click)=\"prevYearList($event)\"\n>\n <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\n <!-- <editor-fold desc=\"SVG Arrow Left\"> -->\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n version=\"1.1\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 250.738 250.738\"\n style=\"enable-background: new 0 0 250.738 250.738\"\n xml:space=\"preserve\"\n width=\"100%\"\n height=\"100%\"\n >\n <path\n style=\"fill-rule: evenodd; clip-rule: evenodd\"\n d=\"M96.633,125.369l95.053-94.533c7.101-7.055,7.101-18.492,0-25.546 c-7.1-7.054-18.613-7.054-25.714,0L58.989,111.689c-3.784,3.759-5.487,8.759-5.238,13.68c-0.249,4.922,1.454,9.921,5.238,13.681 l106.983,106.398c7.101,7.055,18.613,7.055,25.714,0c7.101-7.054,7.101-18.491,0-25.544L96.633,125.369z\"\n />\n </svg>\n <!-- </editor-fold> -->\n </span>\n</button>\n<table class=\"owl-dt-calendar-table owl-dt-calendar-multi-year-table\">\n <thead class=\"owl-dt-calendar-header\">\n <tr>\n <th colspan=\"3\">{{ tableHeader }}</th>\n </tr>\n </thead>\n <tbody\n owl-date-time-calendar-body\n role=\"grid\"\n [rows]=\"years\"\n [numCols]=\"3\"\n [cellRatio]=\"3 / 7\"\n [activeCell]=\"activeCell\"\n [todayValue]=\"todayYear\"\n [selectedValues]=\"selectedYears\"\n [selectMode]=\"selectMode\"\n (keydown)=\"handleCalendarKeydown($event)\"\n (select)=\"selectCalendarCell($event)\"\n ></tbody>\n</table>\n<button\n class=\"owl-dt-control-button owl-dt-control-arrow-button\"\n [disabled]=\"!nextEnabled()\"\n [attr.aria-label]=\"nextButtonLabel\"\n type=\"button\"\n tabindex=\"0\"\n (click)=\"nextYearList($event)\"\n>\n <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\n <!-- <editor-fold desc=\"SVG Arrow Right\"> -->\n <svg\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 250.738 250.738\"\n style=\"enable-background: new 0 0 250.738 250.738\"\n xml:space=\"preserve\"\n >\n <path\n style=\"fill-rule: evenodd; clip-rule: evenodd\"\n d=\"M191.75,111.689L84.766,5.291c-7.1-7.055-18.613-7.055-25.713,0\n c-7.101,7.054-7.101,18.49,0,25.544l95.053,94.534l-95.053,94.533c-7.101,7.054-7.101,18.491,0,25.545\n c7.1,7.054,18.613,7.054,25.713,0L191.75,139.05c3.784-3.759,5.487-8.759,5.238-13.681\n C197.237,120.447,195.534,115.448,191.75,111.689z\"\n />\n </svg>\n <!-- </editor-fold> -->\n </span>\n</button>\n",
9084
9017
  host: {
9085
9018
  '[class.owl-dt-calendar-view]': 'owlDTCalendarView',
9086
9019
  '[class.owl-dt-calendar-multi-year-view]': 'owlDTCalendarMultiYearView'
@@ -9172,7 +9105,7 @@
9172
9105
  { type: i0.Component, args: [{
9173
9106
  exportAs: 'owlDateTimeTimerBox',
9174
9107
  selector: 'owl-date-time-timer-box',
9175
- template: "<div *ngIf=\"showDivider\" class=\"owl-dt-timer-divider\" aria-hidden=\"true\"></div>\n<button class=\"owl-dt-control-button owl-dt-control-arrow-button\"\n type=\"button\" tabindex=\"-1\"\n [disabled]=\"upBtnDisabled\"\n [attr.aria-label]=\"upBtnAriaLabel\"\n (click)=\"upBtnClicked()\">\n <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\n <!-- <editor-fold desc=\"SVG Arrow Up\"> -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 451.847 451.846\"\n style=\"enable-background:new 0 0 451.847 451.846;\" xml:space=\"preserve\"\n width=\"100%\" height=\"100%\">\n <path d=\"M248.292,106.406l194.281,194.29c12.365,12.359,12.365,32.391,0,44.744c-12.354,12.354-32.391,12.354-44.744,0\n L225.923,173.529L54.018,345.44c-12.36,12.354-32.395,12.354-44.748,0c-12.359-12.354-12.359-32.391,0-44.75L203.554,106.4\n c6.18-6.174,14.271-9.259,22.369-9.259C234.018,97.141,242.115,100.232,248.292,106.406z\"/>\n </svg>\n <!-- </editor-fold> -->\n </span>\n</button>\n<label class=\"owl-dt-timer-content\">\n <input class=\"owl-dt-timer-input\" maxlength=\"2\"\n [value]=\"displayValue | numberFixedLen : 2\"\n (input)=\"handleInputChange(valueInput.value)\" #valueInput>\n <span class=\"owl-hidden-accessible\">{{inputLabel}}</span>\n</label>\n<button class=\"owl-dt-control-button owl-dt-control-arrow-button\"\n type=\"button\" tabindex=\"-1\"\n [disabled]=\"downBtnDisabled\"\n [attr.aria-label]=\"downBtnAriaLabel\"\n (click)=\"downBtnClicked()\">\n <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\n <!-- <editor-fold desc=\"SVG Arrow Down\"> -->\n <svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n version=\"1.1\" x=\"0px\" y=\"0px\" viewBox=\"0 0 451.847 451.846\"\n style=\"enable-background:new 0 0 451.847 451.846;\" xml:space=\"preserve\"\n width=\"100%\" height=\"100%\">\n <path d=\"M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751\n c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0\n c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z\"/>\n </svg>\n <!-- </editor-fold> -->\n </span>\n</button>\n",
9108
+ template: "<div *ngIf=\"showDivider\" class=\"owl-dt-timer-divider\" aria-hidden=\"true\"></div>\n<button\n class=\"owl-dt-control-button owl-dt-control-arrow-button\"\n type=\"button\"\n tabindex=\"-1\"\n [disabled]=\"upBtnDisabled\"\n [attr.aria-label]=\"upBtnAriaLabel\"\n (click)=\"upBtnClicked()\"\n>\n <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\n <!-- <editor-fold desc=\"SVG Arrow Up\"> -->\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n version=\"1.1\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 451.847 451.846\"\n style=\"enable-background: new 0 0 451.847 451.846\"\n xml:space=\"preserve\"\n width=\"100%\"\n height=\"100%\"\n >\n <path\n d=\"M248.292,106.406l194.281,194.29c12.365,12.359,12.365,32.391,0,44.744c-12.354,12.354-32.391,12.354-44.744,0\n L225.923,173.529L54.018,345.44c-12.36,12.354-32.395,12.354-44.748,0c-12.359-12.354-12.359-32.391,0-44.75L203.554,106.4\n c6.18-6.174,14.271-9.259,22.369-9.259C234.018,97.141,242.115,100.232,248.292,106.406z\"\n />\n </svg>\n <!-- </editor-fold> -->\n </span>\n</button>\n<label class=\"owl-dt-timer-content\">\n <input\n class=\"owl-dt-timer-input\"\n maxlength=\"2\"\n [value]=\"displayValue | numberFixedLen: 2\"\n (input)=\"handleInputChange(valueInput.value)\"\n #valueInput\n />\n <span class=\"owl-hidden-accessible\">{{ inputLabel }}</span>\n</label>\n<button\n class=\"owl-dt-control-button owl-dt-control-arrow-button\"\n type=\"button\"\n tabindex=\"-1\"\n [disabled]=\"downBtnDisabled\"\n [attr.aria-label]=\"downBtnAriaLabel\"\n (click)=\"downBtnClicked()\"\n>\n <span class=\"owl-dt-control-button-content\" tabindex=\"-1\">\n <!-- <editor-fold desc=\"SVG Arrow Down\"> -->\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n version=\"1.1\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 451.847 451.846\"\n style=\"enable-background: new 0 0 451.847 451.846\"\n xml:space=\"preserve\"\n width=\"100%\"\n height=\"100%\"\n >\n <path\n d=\"M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751\n c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0\n c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z\"\n />\n </svg>\n <!-- </editor-fold> -->\n </span>\n</button>\n",
9176
9109
  preserveWhitespaces: false,
9177
9110
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
9178
9111
  host: {
@@ -9224,7 +9157,7 @@
9224
9157
  },] }
9225
9158
  ];
9226
9159
 
9227
- var OWL_DATETIME_VALUE_ACCESSOR = {
9160
+ var OWL_DATETIME_VALUE_ACCESSOR$1 = {
9228
9161
  provide: forms.NG_VALUE_ACCESSOR,
9229
9162
  useExisting: i0.forwardRef(function () { return OwlDateTimeInlineComponent; }),
9230
9163
  multi: true
@@ -9502,13 +9435,13 @@
9502
9435
  OwlDateTimeInlineComponent.decorators = [
9503
9436
  { type: i0.Component, args: [{
9504
9437
  selector: 'owl-date-time-inline',
9505
- template: "<owl-date-time-container></owl-date-time-container>",
9438
+ template: "<owl-date-time-container></owl-date-time-container>\n",
9506
9439
  host: {
9507
9440
  '[class.owl-dt-inline]': 'owlDTInlineClass'
9508
9441
  },
9509
9442
  changeDetection: i0.ChangeDetectionStrategy.OnPush,
9510
9443
  preserveWhitespaces: false,
9511
- providers: [OWL_DATETIME_VALUE_ACCESSOR],
9444
+ providers: [OWL_DATETIME_VALUE_ACCESSOR$1],
9512
9445
  styles: [""]
9513
9446
  },] }
9514
9447
  ];
@@ -9638,9 +9571,9 @@
9638
9571
  short: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
9639
9572
  narrow: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
9640
9573
  };
9641
- var ɵ0$1 = function (i) { return String(i + 1); };
9574
+ var ɵ0 = function (i) { return String(i + 1); };
9642
9575
  /** The default date names to use if Intl API is not available. */
9643
- var DEFAULT_DATE_NAMES = range(31, ɵ0$1);
9576
+ var DEFAULT_DATE_NAMES = range(31, ɵ0);
9644
9577
  /** Whether the browser supports the Intl API. */
9645
9578
  var SUPPORTS_INTL_API = typeof Intl !== 'undefined';
9646
9579
  /**
@@ -9971,7 +9904,7 @@
9971
9904
  providers: [{ provide: DateTimeAdapter, useClass: NativeDateTimeAdapter }]
9972
9905
  },] }
9973
9906
  ];
9974
- var ɵ0 = OWL_NATIVE_DATE_TIME_FORMATS;
9907
+ var ɵ0$1 = OWL_NATIVE_DATE_TIME_FORMATS;
9975
9908
  var OwlNativeDateTimeModule = /** @class */ (function () {
9976
9909
  function OwlNativeDateTimeModule() {
9977
9910
  }
@@ -9981,7 +9914,7 @@
9981
9914
  { type: i0.NgModule, args: [{
9982
9915
  imports: [NativeDateTimeModule],
9983
9916
  providers: [
9984
- { provide: OWL_DATE_TIME_FORMATS, useValue: ɵ0 }
9917
+ { provide: OWL_DATE_TIME_FORMATS, useValue: ɵ0$1 }
9985
9918
  ]
9986
9919
  },] }
9987
9920
  ];
@@ -10009,7 +9942,7 @@
10009
9942
  },] }
10010
9943
  ];
10011
9944
 
10012
- var Option$1 = /** @class */ (function () {
9945
+ var Option = /** @class */ (function () {
10013
9946
  function Option(options) {
10014
9947
  this.label = options.label;
10015
9948
  this.value = options.value;
@@ -10054,7 +9987,7 @@
10054
9987
  // console.log('options', options);
10055
9988
  var mappedOptions = new Array();
10056
9989
  for (var i = 0; i < options.length; i++) {
10057
- mappedOptions.push(new Option$1(options[i]));
9990
+ mappedOptions.push(new Option(options[i]));
10058
9991
  }
10059
9992
  _this.subject.next(mappedOptions);
10060
9993
  }, function (error) {
@@ -10105,12 +10038,12 @@
10105
10038
  FormSchemaCompiler.prototype.compileFormSchema = function (formSchema, referencedComponents) {
10106
10039
  // get all referenced forms
10107
10040
  var refForms = this.getReferencedForms(formSchema, referencedComponents);
10108
- if (___namespace.isEmpty(refForms)) {
10041
+ if (_.isEmpty(refForms)) {
10109
10042
  return formSchema;
10110
10043
  }
10111
10044
  // get all place-holders from the form schema
10112
10045
  var placeHolders = this.getAllPlaceholderObjects(formSchema);
10113
- if (___namespace.isEmpty(placeHolders)) {
10046
+ if (_.isEmpty(placeHolders)) {
10114
10047
  return formSchema;
10115
10048
  }
10116
10049
  // replace all placeHolders
@@ -10118,11 +10051,11 @@
10118
10051
  return formSchema;
10119
10052
  };
10120
10053
  FormSchemaCompiler.prototype.findSchemaByName = function (schemaArray, nameOfSchema) {
10121
- if (___namespace.isEmpty(schemaArray) || ___namespace.isEmpty(nameOfSchema)) {
10054
+ if (_.isEmpty(schemaArray) || _.isEmpty(nameOfSchema)) {
10122
10055
  return;
10123
10056
  }
10124
10057
  var foundSchema = {};
10125
- ___namespace.each(schemaArray, function (schema) {
10058
+ _.each(schemaArray, function (schema) {
10126
10059
  if (schema.name === nameOfSchema) {
10127
10060
  foundSchema = schema;
10128
10061
  }
@@ -10130,11 +10063,11 @@
10130
10063
  return foundSchema;
10131
10064
  };
10132
10065
  FormSchemaCompiler.prototype.getPageInSchemaByLabel = function (schema, pageLabel) {
10133
- if (___namespace.isEmpty(schema) || ___namespace.isEmpty(pageLabel)) {
10066
+ if (_.isEmpty(schema) || _.isEmpty(pageLabel)) {
10134
10067
  return;
10135
10068
  }
10136
10069
  var foundPage = {};
10137
- ___namespace.each(schema.pages, function (page) {
10070
+ _.each(schema.pages, function (page) {
10138
10071
  if (page.label === pageLabel) {
10139
10072
  foundPage = page;
10140
10073
  }
@@ -10142,15 +10075,15 @@
10142
10075
  return foundPage;
10143
10076
  };
10144
10077
  FormSchemaCompiler.prototype.getSectionInSchemaByPageLabelBySectionLabel = function (schema, pageLabel, sectionLabel) {
10145
- if (___namespace.isEmpty(schema) || ___namespace.isEmpty(pageLabel) || ___namespace.isEmpty(sectionLabel)) {
10078
+ if (_.isEmpty(schema) || _.isEmpty(pageLabel) || _.isEmpty(sectionLabel)) {
10146
10079
  return;
10147
10080
  }
10148
10081
  var foundPage = this.getPageInSchemaByLabel(schema, pageLabel);
10149
- if (___namespace.isEmpty(foundPage)) {
10082
+ if (_.isEmpty(foundPage)) {
10150
10083
  return;
10151
10084
  }
10152
10085
  var foundSection = {};
10153
- ___namespace.each(foundPage.sections, function (section) {
10086
+ _.each(foundPage.sections, function (section) {
10154
10087
  if (section.label === sectionLabel) {
10155
10088
  foundSection = section;
10156
10089
  }
@@ -10158,16 +10091,16 @@
10158
10091
  return foundSection;
10159
10092
  };
10160
10093
  FormSchemaCompiler.prototype.getQuestionByIdInSchema = function (schema, questionId) {
10161
- if (___namespace.isEmpty(schema) || ___namespace.isEmpty(questionId)) {
10094
+ if (_.isEmpty(schema) || _.isEmpty(questionId)) {
10162
10095
  return;
10163
10096
  }
10164
10097
  if (Array.isArray(schema)) {
10165
10098
  var question = void 0;
10166
10099
  for (var i = 0; i < schema.length; i++) {
10167
- if (!___namespace.isEmpty(schema[i])) {
10100
+ if (!_.isEmpty(schema[i])) {
10168
10101
  question = this.getQuestionByIdInSchema(schema[i], questionId);
10169
10102
  }
10170
- if (!___namespace.isEmpty(question)) {
10103
+ if (!_.isEmpty(question)) {
10171
10104
  break;
10172
10105
  }
10173
10106
  }
@@ -10190,7 +10123,7 @@
10190
10123
  }
10191
10124
  };
10192
10125
  FormSchemaCompiler.prototype.getQuestionsArrayByQuestionIdInSchema = function (schema, questionId) {
10193
- if (___namespace.isEmpty(schema) || ___namespace.isEmpty(questionId)) {
10126
+ if (_.isEmpty(schema) || _.isEmpty(questionId)) {
10194
10127
  return;
10195
10128
  }
10196
10129
  return this.getQuestionsArrayByQuestionId(schema, schema, questionId);
@@ -10199,10 +10132,10 @@
10199
10132
  if (Array.isArray(object)) {
10200
10133
  var returnedValue = void 0;
10201
10134
  for (var i = 0; i < object.length; i++) {
10202
- if (!___namespace.isEmpty(object[i])) {
10135
+ if (!_.isEmpty(object[i])) {
10203
10136
  returnedValue = this.getQuestionsArrayByQuestionId(object, object[i], questionId);
10204
10137
  }
10205
- if (!___namespace.isEmpty(returnedValue)) {
10138
+ if (!_.isEmpty(returnedValue)) {
10206
10139
  break;
10207
10140
  }
10208
10141
  }
@@ -10228,9 +10161,9 @@
10228
10161
  FormSchemaCompiler.prototype.isSchemaSubObjectExpandable = function (object) {
10229
10162
  if (typeof object === 'object') {
10230
10163
  var objectKeys = Object.keys(object);
10231
- if (___namespace.includes(objectKeys, 'pages') ||
10232
- ___namespace.includes(objectKeys, 'sections') ||
10233
- ___namespace.includes(objectKeys, 'questions')) {
10164
+ if (_.includes(objectKeys, 'pages') ||
10165
+ _.includes(objectKeys, 'sections') ||
10166
+ _.includes(objectKeys, 'questions')) {
10234
10167
  return true;
10235
10168
  }
10236
10169
  }
@@ -10245,18 +10178,18 @@
10245
10178
  return referencedObjects;
10246
10179
  };
10247
10180
  FormSchemaCompiler.prototype.extractPlaceholderObjects = function (subSchema, objectsArray) {
10248
- if (___namespace.isEmpty(subSchema)) {
10181
+ if (_.isEmpty(subSchema)) {
10249
10182
  return;
10250
10183
  }
10251
10184
  if (Array.isArray(subSchema)) {
10252
10185
  for (var i = 0; i < subSchema.length; i++) {
10253
- if (!___namespace.isEmpty(subSchema[i])) {
10186
+ if (!_.isEmpty(subSchema[i])) {
10254
10187
  this.extractPlaceholderObjects(subSchema[i], objectsArray);
10255
10188
  }
10256
10189
  }
10257
10190
  }
10258
10191
  else if (typeof subSchema === 'object') {
10259
- if (!___namespace.isEmpty(subSchema.reference)) {
10192
+ if (!_.isEmpty(subSchema.reference)) {
10260
10193
  objectsArray.push(subSchema);
10261
10194
  }
10262
10195
  else if (this.isSchemaSubObjectExpandable(subSchema)) {
@@ -10267,7 +10200,7 @@
10267
10200
  };
10268
10201
  FormSchemaCompiler.prototype.fillPlaceholderObject = function (placeHolderObject, referenceObject) {
10269
10202
  for (var member in referenceObject) {
10270
- if (___namespace.isEmpty(placeHolderObject[member])) {
10203
+ if (_.isEmpty(placeHolderObject[member])) {
10271
10204
  placeHolderObject[member] = referenceObject[member];
10272
10205
  }
10273
10206
  }
@@ -10275,9 +10208,9 @@
10275
10208
  };
10276
10209
  FormSchemaCompiler.prototype.replaceAllPlaceholdersWithActualObjects = function (keyValReferencedForms, placeHoldersArray) {
10277
10210
  var _this = this;
10278
- ___namespace.each(placeHoldersArray, function (placeHolder) {
10211
+ _.each(placeHoldersArray, function (placeHolder) {
10279
10212
  var referencedObject = _this.getReferencedObject(placeHolder.reference, keyValReferencedForms);
10280
- if (___namespace.isEmpty(referencedObject)) {
10213
+ if (_.isEmpty(referencedObject)) {
10281
10214
  console.error('Form compile: Error finding referenced object', placeHolder.reference);
10282
10215
  }
10283
10216
  else {
@@ -10298,7 +10231,7 @@
10298
10231
  FormSchemaCompiler.prototype.removeExcludedQuestionsFromPlaceholder = function (placeHolder) {
10299
10232
  var _this = this;
10300
10233
  if (Array.isArray(placeHolder.reference.excludeQuestions)) {
10301
- ___namespace.each(placeHolder.reference.excludeQuestions, function (excludedQuestionId) {
10234
+ _.each(placeHolder.reference.excludeQuestions, function (excludedQuestionId) {
10302
10235
  var questionsArray = _this.getQuestionsArrayByQuestionIdInSchema(placeHolder, excludedQuestionId);
10303
10236
  if (!Array.isArray(questionsArray)) {
10304
10237
  return;
@@ -10310,21 +10243,21 @@
10310
10243
  return placeHolder;
10311
10244
  };
10312
10245
  FormSchemaCompiler.prototype.getReferencedObject = function (referenceData, keyValReferencedForms) {
10313
- if (___namespace.isEmpty(referenceData.form)) {
10246
+ if (_.isEmpty(referenceData.form)) {
10314
10247
  console.error('Form compile: reference missing form attribute', referenceData);
10315
10248
  return;
10316
10249
  }
10317
- if (___namespace.isEmpty(keyValReferencedForms[referenceData.form])) {
10250
+ if (_.isEmpty(keyValReferencedForms[referenceData.form])) {
10318
10251
  console.error('Form compile: referenced form alias not found', referenceData);
10319
10252
  return;
10320
10253
  }
10321
- if (!___namespace.isEmpty(referenceData.questionId)) {
10254
+ if (!_.isEmpty(referenceData.questionId)) {
10322
10255
  return this.getQuestionByIdInSchema(keyValReferencedForms[referenceData.form], referenceData.questionId);
10323
10256
  }
10324
- if (!___namespace.isEmpty(referenceData.page) && !___namespace.isEmpty(referenceData.section)) {
10257
+ if (!_.isEmpty(referenceData.page) && !_.isEmpty(referenceData.section)) {
10325
10258
  return this.getSectionInSchemaByPageLabelBySectionLabel(keyValReferencedForms[referenceData.form], referenceData.page, referenceData.section);
10326
10259
  }
10327
- if (!___namespace.isEmpty(referenceData.page)) {
10260
+ if (!_.isEmpty(referenceData.page)) {
10328
10261
  return this.getPageInSchemaByLabel(keyValReferencedForms[referenceData.form], referenceData.page);
10329
10262
  }
10330
10263
  console.error('Form compile: Unsupported reference type', referenceData.reference);
@@ -10332,11 +10265,11 @@
10332
10265
  FormSchemaCompiler.prototype.getReferencedForms = function (formSchema, formSchemasLookupArray) {
10333
10266
  var _this = this;
10334
10267
  var referencedForms = formSchema.referencedForms;
10335
- if (___namespace.isEmpty(referencedForms)) {
10268
+ if (_.isEmpty(referencedForms)) {
10336
10269
  return;
10337
10270
  }
10338
10271
  var keyValReferencedForms = {};
10339
- ___namespace.each(referencedForms, function (reference) {
10272
+ _.each(referencedForms, function (reference) {
10340
10273
  keyValReferencedForms[reference.alias] = _this.findSchemaByName(formSchemasLookupArray, reference.formName);
10341
10274
  });
10342
10275
  return keyValReferencedForms;
@@ -10539,7 +10472,7 @@
10539
10472
  DummyDataSource.prototype.resolveSelectedValue = function (value) {
10540
10473
  var selectOptions = this.sampleData();
10541
10474
  selectOptions = selectOptions.map(function (obj) {
10542
- var option = new Option$1({
10475
+ var option = new Option({
10543
10476
  label: obj.label,
10544
10477
  value: obj.concept
10545
10478
  });
@@ -10564,7 +10497,7 @@
10564
10497
  DummyDataSource.prototype.searchOptions = function (searchText) {
10565
10498
  var selectOptions = this.sampleData();
10566
10499
  selectOptions = selectOptions.map(function (obj) {
10567
- var option = new Option$1({
10500
+ var option = new Option({
10568
10501
  label: obj.label,
10569
10502
  value: obj.concept
10570
10503
  });
@@ -10659,13 +10592,13 @@
10659
10592
  return encStore.data[index];
10660
10593
  }
10661
10594
  };
10662
- if (___default["default"].isArray(encounters)) {
10595
+ if (___default['default'].isArray(encounters)) {
10663
10596
  var group_1 = [];
10664
- ___default["default"].each(encounters, function (encounter) {
10597
+ ___default['default'].each(encounters, function (encounter) {
10665
10598
  group_1.push(_this._transformEncounter(encounter));
10666
10599
  });
10667
10600
  // Sort them in reverse chronological order
10668
- encStore.data = ___default["default"].sortBy(group_1, 'encounterDatetime').reverse();
10601
+ encStore.data = ___default['default'].sortBy(group_1, 'encounterDatetime').reverse();
10669
10602
  }
10670
10603
  else {
10671
10604
  // Assume a single openmrs rest encounter object.
@@ -10685,25 +10618,25 @@
10685
10618
  if (answers.length > 0) {
10686
10619
  return {
10687
10620
  value: answers[0],
10688
- valueDate: moment__default["default"](object.encounterDatetime).format('ll')
10621
+ valueDate: moment__default['default'](object.encounterDatetime).format('YYYY-MM-DDTHH:mm:ss')
10689
10622
  };
10690
10623
  }
10691
10624
  };
10692
10625
  HistoricalEncounterDataService.prototype.getAllValues = function (path, object, answers) {
10693
10626
  var _this = this;
10694
- if (___default["default"].isNil(object)) {
10627
+ if (___default['default'].isNil(object)) {
10695
10628
  return;
10696
10629
  }
10697
10630
  if (path.length <= 1) {
10698
- if (!___default["default"].isNil(object[path[0]])) {
10631
+ if (!___default['default'].isNil(object[path[0]])) {
10699
10632
  answers.push(object[path[0]]);
10700
10633
  }
10701
10634
  return;
10702
10635
  }
10703
10636
  var newpath = path.splice(1);
10704
10637
  var key = path[0];
10705
- if (___default["default"].isArray(object[key]) && object[key].length > 0) {
10706
- ___default["default"].each(object[key], function (childObject) {
10638
+ if (___default['default'].isArray(object[key]) && object[key].length > 0) {
10639
+ ___default['default'].each(object[key], function (childObject) {
10707
10640
  _this.getAllValues(newpath.slice(0), childObject, answers);
10708
10641
  });
10709
10642
  }
@@ -10712,7 +10645,7 @@
10712
10645
  }
10713
10646
  };
10714
10647
  HistoricalEncounterDataService.prototype._transformEncounter = function (encounter) {
10715
- if (___default["default"].isNil(encounter)) {
10648
+ if (___default['default'].isNil(encounter)) {
10716
10649
  return;
10717
10650
  }
10718
10651
  // Transform encounter Level details to key value pairs.
@@ -10739,7 +10672,7 @@
10739
10672
  if (encounter.obs) {
10740
10673
  var processedObs = this._transformObs(encounter.obs);
10741
10674
  // add in individual processed obs to prevEncounter
10742
- ___default["default"].extend(prevEncounter, processedObs);
10675
+ ___default['default'].extend(prevEncounter, processedObs);
10743
10676
  }
10744
10677
  return prevEncounter;
10745
10678
  };
@@ -10749,19 +10682,19 @@
10749
10682
  return null;
10750
10683
  }
10751
10684
  var obsRep = {};
10752
- if (___default["default"].isArray(obs)) {
10753
- ___default["default"].each(obs, function (singleObs) {
10685
+ if (___default['default'].isArray(obs)) {
10686
+ ___default['default'].each(obs, function (singleObs) {
10754
10687
  _this._augumentObs(obsRep, _this._transformObs(singleObs));
10755
10688
  });
10756
10689
  return obsRep;
10757
10690
  }
10758
10691
  else if (obs.groupMembers) {
10759
10692
  var group_2 = {};
10760
- ___default["default"].each(obs.groupMembers, function (member) {
10693
+ ___default['default'].each(obs.groupMembers, function (member) {
10761
10694
  _this._augumentObs(group_2, _this._transformObs(member));
10762
10695
  });
10763
10696
  // Handle already existing data
10764
- if (obsRep[obs.concept.uuid] && ___default["default"].isArray(obsRep[obs.concept.uuid])) {
10697
+ if (obsRep[obs.concept.uuid] && ___default['default'].isArray(obsRep[obs.concept.uuid])) {
10765
10698
  obsRep[obs.concept.uuid].push(group_2);
10766
10699
  }
10767
10700
  else {
@@ -10781,14 +10714,14 @@
10781
10714
  };
10782
10715
  HistoricalEncounterDataService.prototype._augumentObs = function (existing, toAdd) {
10783
10716
  for (var key in toAdd) {
10784
- if (___default["default"].has(existing, key)) {
10717
+ if (___default['default'].has(existing, key)) {
10785
10718
  // check if not an array yet
10786
- if (!___default["default"].isArray(existing[key])) {
10719
+ if (!___default['default'].isArray(existing[key])) {
10787
10720
  var temp = existing[key];
10788
10721
  existing[key] = [temp];
10789
10722
  }
10790
10723
  // Check whether the incoming is array (for group members)
10791
- if (___default["default"].isArray(toAdd[key])) {
10724
+ if (___default['default'].isArray(toAdd[key])) {
10792
10725
  Array.prototype.push.apply(existing[key], toAdd[key]);
10793
10726
  }
10794
10727
  else {
@@ -10847,6 +10780,7 @@
10847
10780
  function QuestionFactory() {
10848
10781
  this.dataSources = {};
10849
10782
  this.historicalHelperService = new HistoricalHelperService();
10783
+ this.quetionIndex = 0;
10850
10784
  }
10851
10785
  QuestionFactory.prototype.createQuestionModel = function (formSchema, form) {
10852
10786
  if (form) {
@@ -10857,7 +10791,9 @@
10857
10791
  };
10858
10792
  QuestionFactory.prototype.toSelectQuestion = function (schemaQuestion) {
10859
10793
  var question = new SelectQuestion({ options: [], type: '', key: '' });
10794
+ question.questionIndex = this.quetionIndex;
10860
10795
  question.label = schemaQuestion.label;
10796
+ question.prefix = schemaQuestion.prefix;
10861
10797
  question.key = schemaQuestion.id;
10862
10798
  question.componentConfigs = schemaQuestion.componentConfigs || [];
10863
10799
  question.options = schemaQuestion.questionOptions.answers.map(function (obj) {
@@ -10892,7 +10828,9 @@
10892
10828
  type: '',
10893
10829
  key: ''
10894
10830
  });
10831
+ question.questionIndex = this.quetionIndex;
10895
10832
  question.label = schemaQuestion.label;
10833
+ question.prefix = schemaQuestion.prefix;
10896
10834
  question.key = schemaQuestion.id;
10897
10835
  question.renderingType = 'number';
10898
10836
  question.placeholder = schemaQuestion.questionOptions.placeholder;
@@ -10918,7 +10856,9 @@
10918
10856
  type: '',
10919
10857
  key: ''
10920
10858
  });
10859
+ question.questionIndex = this.quetionIndex;
10921
10860
  question.label = schemaQuestion.label;
10861
+ question.prefix = schemaQuestion.prefix;
10922
10862
  question.key = schemaQuestion.id;
10923
10863
  question.renderingType = 'number';
10924
10864
  question.placeholder = schemaQuestion.questionOptions.placeholder || '';
@@ -10942,6 +10882,7 @@
10942
10882
  return this.toEncounterDatetimeQuestion(schemaQuestion);
10943
10883
  }
10944
10884
  var question = new DateQuestion({ type: '', key: '' });
10885
+ question.questionIndex = this.quetionIndex;
10945
10886
  question.renderingType = 'date';
10946
10887
  question.validators = this.addValidators(schemaQuestion);
10947
10888
  question.extras = schemaQuestion;
@@ -10963,8 +10904,11 @@
10963
10904
  return question;
10964
10905
  };
10965
10906
  QuestionFactory.prototype.toEncounterDatetimeQuestion = function (schemaQuestion) {
10907
+ var _a;
10966
10908
  var question = new DateQuestion({ type: '', key: '' });
10909
+ question.questionIndex = this.quetionIndex;
10967
10910
  question.label = schemaQuestion.label;
10911
+ question.prefix = schemaQuestion.prefix;
10968
10912
  question.renderingType = 'date';
10969
10913
  question.key = schemaQuestion.id;
10970
10914
  question.validators = this.addValidators(schemaQuestion);
@@ -10979,6 +10923,7 @@
10979
10923
  };
10980
10924
  question.showTime = true;
10981
10925
  question.componentConfigs = schemaQuestion.componentConfigs || [];
10926
+ question.datePickerFormat = (_a = schemaQuestion.datePickerFormat) !== null && _a !== void 0 ? _a : 'calendar';
10982
10927
  this.copyProperties(mappings, schemaQuestion, question);
10983
10928
  this.addDisableOrHideProperty(schemaQuestion, question);
10984
10929
  this.addAlertProperty(schemaQuestion, question);
@@ -10988,9 +10933,12 @@
10988
10933
  };
10989
10934
  QuestionFactory.prototype.toCheckBoxQuestion = function (schemaQuestion) {
10990
10935
  var question = new CheckBoxQuestion({ options: [], type: '', key: '' });
10936
+ question.questionIndex = this.quetionIndex;
10991
10937
  question.label = schemaQuestion.label;
10938
+ question.prefix = schemaQuestion.prefix;
10992
10939
  question.key = schemaQuestion.id;
10993
10940
  question.extras = schemaQuestion;
10941
+ question.orientation = schemaQuestion.questionOptions.orientation;
10994
10942
  question.options = schemaQuestion.questionOptions.answers.map(function (obj) {
10995
10943
  return {
10996
10944
  label: obj.label,
@@ -11019,7 +10967,9 @@
11019
10967
  type: '',
11020
10968
  key: ''
11021
10969
  });
10970
+ question.questionIndex = this.quetionIndex;
11022
10971
  question.label = schemaQuestion.label;
10972
+ question.prefix = schemaQuestion.prefix;
11023
10973
  question.key = schemaQuestion.id;
11024
10974
  question.options = schemaQuestion.questionOptions.answers.map(function (obj) {
11025
10975
  return {
@@ -11051,7 +11001,9 @@
11051
11001
  type: '',
11052
11002
  key: ''
11053
11003
  });
11004
+ question.questionIndex = this.quetionIndex;
11054
11005
  question.label = schemaQuestion.label;
11006
+ question.prefix = schemaQuestion.prefix;
11055
11007
  question.key = schemaQuestion.id;
11056
11008
  question.placeholder = schemaQuestion.questionOptions.placeholder;
11057
11009
  question.isExpanded = schemaQuestion.isExpanded;
@@ -11078,7 +11030,9 @@
11078
11030
  type: '',
11079
11031
  key: ''
11080
11032
  });
11033
+ question.questionIndex = this.quetionIndex;
11081
11034
  question.label = schemaQuestion.label;
11035
+ question.prefix = schemaQuestion.prefix;
11082
11036
  question.key = schemaQuestion.id;
11083
11037
  question.renderingType = 'text';
11084
11038
  question.placeholder = schemaQuestion.questionOptions.placeholder;
@@ -11100,7 +11054,9 @@
11100
11054
  };
11101
11055
  QuestionFactory.prototype.toFileUploadQuestion = function (schemaQuestion) {
11102
11056
  var question = new FileUploadQuestion({ type: '', key: '' });
11057
+ question.questionIndex = this.quetionIndex;
11103
11058
  question.label = schemaQuestion.label;
11059
+ question.prefix = schemaQuestion.prefix;
11104
11060
  question.key = schemaQuestion.id;
11105
11061
  question.renderingType = 'file';
11106
11062
  question.dataSource = 'file';
@@ -11121,7 +11077,9 @@
11121
11077
  };
11122
11078
  QuestionFactory.prototype.toDrugQuestion = function (schemaQuestion) {
11123
11079
  var question = new SelectQuestion({ options: [], type: '', key: '' });
11080
+ question.questionIndex = this.quetionIndex;
11124
11081
  question.label = schemaQuestion.label;
11082
+ question.prefix = schemaQuestion.prefix;
11125
11083
  question.key = schemaQuestion.id;
11126
11084
  question.renderingType = 'remote-select';
11127
11085
  question.validators = this.addValidators(schemaQuestion);
@@ -11142,7 +11100,9 @@
11142
11100
  };
11143
11101
  QuestionFactory.prototype.toProblemQuestion = function (schemaQuestion) {
11144
11102
  var question = new SelectQuestion({ options: [], type: '', key: '' });
11103
+ question.questionIndex = this.quetionIndex;
11145
11104
  question.label = schemaQuestion.label;
11105
+ question.prefix = schemaQuestion.prefix;
11146
11106
  question.key = schemaQuestion.id;
11147
11107
  question.renderingType = 'remote-select';
11148
11108
  question.validators = this.addValidators(schemaQuestion);
@@ -11163,7 +11123,9 @@
11163
11123
  };
11164
11124
  QuestionFactory.prototype.toConceptAnswerSelect = function (schemaQuestion) {
11165
11125
  var question = new SelectQuestion({ options: [], type: '', key: '' });
11126
+ question.questionIndex = this.quetionIndex;
11166
11127
  question.label = schemaQuestion.label;
11128
+ question.prefix = schemaQuestion.prefix;
11167
11129
  question.key = schemaQuestion.id;
11168
11130
  question.renderingType = 'remote-select';
11169
11131
  question.validators = this.addValidators(schemaQuestion);
@@ -11192,7 +11154,9 @@
11192
11154
  type: '',
11193
11155
  key: ''
11194
11156
  });
11157
+ question.questionIndex = this.quetionIndex;
11195
11158
  question.label = schemaQuestion.label;
11159
+ question.prefix = schemaQuestion.prefix;
11196
11160
  question.questions = this.getChildrenQuestionModels(schemaQuestion.questions);
11197
11161
  question.key = schemaQuestion.id;
11198
11162
  question.validators = this.addValidators(schemaQuestion);
@@ -11218,7 +11182,9 @@
11218
11182
  };
11219
11183
  QuestionFactory.prototype.toGroupQuestion = function (schemaQuestion) {
11220
11184
  var question = new QuestionGroup({ questions: [], type: '', key: '' });
11185
+ question.questionIndex = this.quetionIndex;
11221
11186
  question.label = schemaQuestion.label;
11187
+ question.prefix = schemaQuestion.prefix;
11222
11188
  question.questions = this.getChildrenQuestionModels(schemaQuestion.questions);
11223
11189
  question.key = schemaQuestion.id;
11224
11190
  question.validators = this.addValidators(schemaQuestion);
@@ -11240,6 +11206,7 @@
11240
11206
  var _this = this;
11241
11207
  var question = new QuestionGroup({ questions: [], type: '', key: '' });
11242
11208
  question.label = schemaQuestion.label;
11209
+ question.prefix = schemaQuestion.prefix;
11243
11210
  question.key = schemaQuestion.label;
11244
11211
  question.renderingType = 'page';
11245
11212
  question.controlType = exports.AfeControlType.None;
@@ -11255,6 +11222,7 @@
11255
11222
  var question = new QuestionGroup({ questions: [], type: '', key: '' });
11256
11223
  question.label = schemaQuestion.label;
11257
11224
  question.key = schemaQuestion.label;
11225
+ question.prefix = schemaQuestion.prefix;
11258
11226
  question.renderingType = 'form';
11259
11227
  question.controlType = exports.AfeControlType.AfeFormGroup;
11260
11228
  question.extras = schemaQuestion;
@@ -11268,6 +11236,7 @@
11268
11236
  QuestionFactory.prototype.toSectionQuestion = function (schemaQuestion) {
11269
11237
  var question = new QuestionGroup({ questions: [], type: '', key: '' });
11270
11238
  question.label = schemaQuestion.label;
11239
+ question.prefix = schemaQuestion.prefix;
11271
11240
  question.key = schemaQuestion.label;
11272
11241
  question.renderingType = 'section';
11273
11242
  question.controlType = exports.AfeControlType.None;
@@ -11284,7 +11253,9 @@
11284
11253
  searchFunction: function () { },
11285
11254
  resolveFunction: function () { }
11286
11255
  });
11256
+ question.questionIndex = this.quetionIndex;
11287
11257
  question.label = schemaQuestion.label;
11258
+ question.prefix = schemaQuestion.prefix;
11288
11259
  question.key = schemaQuestion.id;
11289
11260
  question.renderingType = 'remote-select';
11290
11261
  question.validators = this.addValidators(schemaQuestion);
@@ -11312,7 +11283,9 @@
11312
11283
  searchFunction: function () { },
11313
11284
  resolveFunction: function () { }
11314
11285
  });
11286
+ question.questionIndex = this.quetionIndex;
11315
11287
  question.label = schemaQuestion.label;
11288
+ question.prefix = schemaQuestion.prefix;
11316
11289
  question.key = schemaQuestion.id;
11317
11290
  question.renderingType = 'remote-select';
11318
11291
  question.validators = this.addValidators(schemaQuestion);
@@ -11345,7 +11318,9 @@
11345
11318
  searchFunction: function () { },
11346
11319
  resolveFunction: function () { }
11347
11320
  });
11321
+ question.questionIndex = this.quetionIndex;
11348
11322
  question.label = schemaQuestion.label;
11323
+ question.prefix = schemaQuestion.prefix;
11349
11324
  question.key = schemaQuestion.id;
11350
11325
  question.renderingType = schemaQuestion.type;
11351
11326
  question.renderingType = 'remote-select';
@@ -11375,7 +11350,9 @@
11375
11350
  label: '',
11376
11351
  rendering: ''
11377
11352
  });
11353
+ question.questionIndex = this.quetionIndex;
11378
11354
  question.label = schemaQuestion.label;
11355
+ question.prefix = schemaQuestion.prefix;
11379
11356
  question.key = schemaQuestion.id;
11380
11357
  question.validators = this.addValidators(schemaQuestion);
11381
11358
  question.extras = schemaQuestion;
@@ -11438,6 +11415,7 @@
11438
11415
  return children;
11439
11416
  };
11440
11417
  QuestionFactory.prototype.toModel = function (schema, renderType) {
11418
+ this.quetionIndex++;
11441
11419
  if (renderType === 'ui-select-extended') {
11442
11420
  renderType = schema.type;
11443
11421
  }
@@ -11510,6 +11488,7 @@
11510
11488
  var converted = {};
11511
11489
  converted.type = 'complex-obs';
11512
11490
  converted.label = schemaQuestion.label;
11491
+ converted.prefix = schemaQuestion.prefix;
11513
11492
  converted.id = 'complex_' + schemaQuestion.id;
11514
11493
  converted.questionOptions = {};
11515
11494
  converted.questionOptions.concept = schemaQuestion.questionOptions.concept;
@@ -11548,7 +11527,7 @@
11548
11527
  var validators = [];
11549
11528
  if (schemaQuestion.validators) {
11550
11529
  // TODO - add more validator types
11551
- ___default["default"].forEach(schemaQuestion.validators, function (validator) {
11530
+ ___default['default'].forEach(schemaQuestion.validators, function (validator) {
11552
11531
  switch (validator.type) {
11553
11532
  case 'date':
11554
11533
  validators.push(new DateValidationModel(validator));
@@ -11623,8 +11602,8 @@
11623
11602
  // sample schema options for this branch
11624
11603
  // "historicalPrepopulate":true,
11625
11604
  // "allowedHistoricalValueAgeInDays": 40000,
11626
- var valDate = moment__default["default"](origValue.valueDate);
11627
- var differenceInDays = moment__default["default"]().diff(valDate, 'days');
11605
+ var valDate = moment__default['default'](origValue.valueDate);
11606
+ var differenceInDays = moment__default['default']().diff(valDate, 'days');
11628
11607
  if (Number.isInteger(schemaQuestion.allowedHistoricalValueAgeInDays)) {
11629
11608
  if (differenceInDays <= schemaQuestion.allowedHistoricalValueAgeInDays) {
11630
11609
  question.defaultValue = origValue.value;
@@ -11833,7 +11812,7 @@
11833
11812
  if (arrayNode &&
11834
11813
  arrayNode.children &&
11835
11814
  arrayNode.children.length > 0) {
11836
- ___namespace.forEach(arrayNode.children, function (groupNode) {
11815
+ _.forEach(arrayNode.children, function (groupNode) {
11837
11816
  _this.markInvalidControls(groupNode, invalidControlNodes);
11838
11817
  });
11839
11818
  }
@@ -11901,6 +11880,7 @@
11901
11880
  this.controlService = controlService;
11902
11881
  this.questionFactroy = questionFactroy;
11903
11882
  this.controlRelationsFactory = controlRelationsFactory;
11883
+ this.nodeIndex = 0;
11904
11884
  this.hd = {
11905
11885
  getValue: function () {
11906
11886
  return 20;
@@ -11942,6 +11922,8 @@
11942
11922
  else {
11943
11923
  node = this.createLeafNode(question, parentNode, parentControl, form);
11944
11924
  }
11925
+ node.nodeIndex = this.nodeIndex;
11926
+ this.nodeIndex++;
11945
11927
  return node;
11946
11928
  };
11947
11929
  FormFactory.prototype.createLeafNode = function (question, parentNode, parentControl, form) {
@@ -12023,16 +12005,19 @@
12023
12005
 
12024
12006
  var ObsAdapterHelper = /** @class */ (function () {
12025
12007
  function ObsAdapterHelper() {
12008
+ this.formFieldNamespace = 'O3';
12009
+ this.obsIndex = 0;
12026
12010
  }
12027
12011
  ObsAdapterHelper.prototype.findObsAnswerToQuestion = function (node, obsArray) {
12028
12012
  var _this = this;
12013
+ // Find and Order the obs based on form_namespace_and_path
12029
12014
  var found = [];
12030
12015
  if (!this.isObsNode(node)) {
12031
12016
  return found;
12032
12017
  }
12033
12018
  if (node instanceof LeafNode ||
12034
12019
  (node instanceof GroupNode && node.question.extras.type === 'complex-obs')) {
12035
- ___default["default"].each(obsArray, function (item) {
12020
+ ___default['default'].each(obsArray, function (item) {
12036
12021
  if (item.concept &&
12037
12022
  item.concept.uuid === node.question.extras.questionOptions.concept) {
12038
12023
  found.push(item);
@@ -12043,7 +12028,7 @@
12043
12028
  // At this point the node is either a group or a repeating node
12044
12029
  var childQuestionsUuids = this.getChildQuestionsConceptUuids(node);
12045
12030
  if (childQuestionsUuids.length > 0) {
12046
- ___default["default"].each(obsArray, function (obs) {
12031
+ ___default['default'].each(obsArray, function (obs) {
12047
12032
  if (obs.concept &&
12048
12033
  obs.concept.uuid === node.question.extras.questionOptions.concept &&
12049
12034
  Array.isArray(obs.groupMembers) &&
@@ -12057,7 +12042,7 @@
12057
12042
  ObsAdapterHelper.prototype.getChildQuestionsConceptUuids = function (node) {
12058
12043
  var found = [];
12059
12044
  if (node.question.extras && node.question.extras.questions) {
12060
- ___default["default"].each(node.question.extras.questions, function (question) {
12045
+ ___default['default'].each(node.question.extras.questions, function (question) {
12061
12046
  if (question.questionOptions && question.questionOptions.concept) {
12062
12047
  found.push(question.questionOptions.concept);
12063
12048
  }
@@ -12068,7 +12053,7 @@
12068
12053
  ObsAdapterHelper.prototype.getGroupMembersConceptUuids = function (obsWithGroupMembers) {
12069
12054
  var found = [];
12070
12055
  if (Array.isArray(obsWithGroupMembers.groupMembers)) {
12071
- ___default["default"].each(obsWithGroupMembers.groupMembers, function (member) {
12056
+ ___default['default'].each(obsWithGroupMembers.groupMembers, function (member) {
12072
12057
  found.push(member.concept.uuid);
12073
12058
  });
12074
12059
  }
@@ -12104,8 +12089,9 @@
12104
12089
  }
12105
12090
  };
12106
12091
  ObsAdapterHelper.prototype.setMultiselectObsNodeValue = function (node, obs) {
12107
- var e_1, _a;
12092
+ var e_1, _b;
12108
12093
  if (node && obs.length > 0) {
12094
+ obs = obs.sort(this.comparePath);
12109
12095
  node.initialValue = obs;
12110
12096
  var obsUuids = [];
12111
12097
  try {
@@ -12117,7 +12103,7 @@
12117
12103
  catch (e_1_1) { e_1 = { error: e_1_1 }; }
12118
12104
  finally {
12119
12105
  try {
12120
- if (obs_1_1 && !obs_1_1.done && (_a = obs_1.return)) _a.call(obs_1);
12106
+ if (obs_1_1 && !obs_1_1.done && (_b = obs_1.return)) _b.call(obs_1);
12121
12107
  }
12122
12108
  finally { if (e_1) throw e_1.error; }
12123
12109
  }
@@ -12163,6 +12149,7 @@
12163
12149
  ObsAdapterHelper.prototype.setRepeatingGroupObsNodeValue = function (node, obs) {
12164
12150
  if (node && obs.length > 0) {
12165
12151
  var arrayNode = node;
12152
+ obs = obs.sort(this.comparePath);
12166
12153
  arrayNode.initialValue = obs;
12167
12154
  for (var i = 0; i < obs.length; i++) {
12168
12155
  var createdNode = arrayNode.createChildNode();
@@ -12170,6 +12157,12 @@
12170
12157
  }
12171
12158
  }
12172
12159
  };
12160
+ ObsAdapterHelper.prototype.comparePath = function (first, second) {
12161
+ if (!first || !second) {
12162
+ return -1;
12163
+ }
12164
+ return Number(first.formFieldPath) - Number(second.formFieldPath);
12165
+ };
12173
12166
  ObsAdapterHelper.prototype.setNodeValue = function (node, obs) {
12174
12167
  switch (this.getObsNodeType(node)) {
12175
12168
  case 'unknown':
@@ -12294,6 +12287,13 @@
12294
12287
  delete obs.concept;
12295
12288
  obs.uuid = node.initialValue.uuid;
12296
12289
  }
12290
+ return this.addFieldNameSpaceandPath(node, obs);
12291
+ };
12292
+ ObsAdapterHelper.prototype.addFieldNameSpaceandPath = function (node, obs) {
12293
+ var _a;
12294
+ obs.formFieldNamespace = this.formFieldNamespace;
12295
+ obs.formFieldPath = "" + ((_a = node === null || node === void 0 ? void 0 : node.question) === null || _a === void 0 ? void 0 : _a.questionIndex) + (node === null || node === void 0 ? void 0 : node.nodeIndex) + this.obsIndex;
12296
+ this.obsIndex++;
12297
12297
  return obs;
12298
12298
  };
12299
12299
  ObsAdapterHelper.prototype.getComplexObsPayload = function (node) {
@@ -12330,11 +12330,12 @@
12330
12330
  return null;
12331
12331
  };
12332
12332
  ObsAdapterHelper.prototype.getMultiselectObsPayload = function (node) {
12333
+ var _this = this;
12333
12334
  var payload = [];
12334
12335
  var existingUuids = [];
12335
12336
  // add voided obs i.e. deleted options
12336
12337
  if (Array.isArray(node.initialValue)) {
12337
- ___default["default"].each(node.initialValue, function (item) {
12338
+ ___default['default'].each(node.initialValue, function (item) {
12338
12339
  existingUuids.push(item.value.uuid);
12339
12340
  if (Array.isArray(node.control.value)) {
12340
12341
  if (node.control.value.indexOf(item.value.uuid) < 0) {
@@ -12355,12 +12356,12 @@
12355
12356
  }
12356
12357
  // add new obs i.e they didn't exisit originally
12357
12358
  if (Array.isArray(node.control.value)) {
12358
- ___default["default"].each(node.control.value, function (item) {
12359
+ ___default['default'].each(node.control.value, function (item) {
12359
12360
  if (existingUuids.indexOf(item) < 0) {
12360
- payload.push({
12361
+ payload.push(_this.addFieldNameSpaceandPath(node, {
12361
12362
  concept: node.question.extras.questionOptions.concept,
12362
12363
  value: item
12363
- });
12364
+ }));
12364
12365
  }
12365
12366
  });
12366
12367
  }
@@ -12370,7 +12371,7 @@
12370
12371
  var _this = this;
12371
12372
  var nodeAsGroup = node;
12372
12373
  var childrenPayload = [];
12373
- ___default["default"].each(nodeAsGroup.children, function (child) {
12374
+ ___default['default'].each(nodeAsGroup.children, function (child) {
12374
12375
  var payload = _this.getObsNodePayload(child);
12375
12376
  if (payload.length > 0) {
12376
12377
  childrenPayload = childrenPayload.concat(payload);
@@ -12389,6 +12390,7 @@
12389
12390
  groupPayload.concept =
12390
12391
  nodeAsGroup.question.extras.questionOptions.concept;
12391
12392
  }
12393
+ this.addFieldNameSpaceandPath(node, groupPayload);
12392
12394
  return groupPayload;
12393
12395
  };
12394
12396
  ObsAdapterHelper.prototype.getRepeatingGroupPayload = function (node) {
@@ -12396,7 +12398,7 @@
12396
12398
  var nodeAsArray = node;
12397
12399
  var childrenPayload = [];
12398
12400
  var groupsUuidsAfterEditting = [];
12399
- ___default["default"].each(nodeAsArray.children, function (child) {
12401
+ ___default['default'].each(nodeAsArray.children, function (child) {
12400
12402
  var payload = _this.getObsNodePayload(child);
12401
12403
  if (payload.length > 0) {
12402
12404
  childrenPayload = childrenPayload.concat(payload);
@@ -12408,7 +12410,7 @@
12408
12410
  // void deleted groups
12409
12411
  // console.log('groupsUuidsAfterEditting', groupsUuidsAfterEditting);
12410
12412
  if (nodeAsArray.initialValue && Array.isArray(nodeAsArray.initialValue)) {
12411
- ___default["default"].each(nodeAsArray.initialValue, function (obs) {
12413
+ ___default['default'].each(nodeAsArray.initialValue, function (obs) {
12412
12414
  if (groupsUuidsAfterEditting.indexOf(obs.uuid) < 0) {
12413
12415
  var voidedGroup = {
12414
12416
  uuid: obs.uuid,
@@ -12500,7 +12502,7 @@
12500
12502
  return false;
12501
12503
  };
12502
12504
  ObsAdapterHelper.prototype.areDatesEqual = function (date1, date2) {
12503
- return moment__default["default"](date1).isSame(date2);
12505
+ return moment__default['default'](date1).isSame(date2);
12504
12506
  };
12505
12507
  ObsAdapterHelper.prototype.isEmpty = function (value) {
12506
12508
  if (value === '' ||
@@ -12519,7 +12521,7 @@
12519
12521
  }
12520
12522
  else {
12521
12523
  // transform value to moment value to avoid error
12522
- var formattedVal = moment__default["default"](datetime).format();
12524
+ var formattedVal = moment__default['default'](datetime).format();
12523
12525
  var val = formattedVal.substring(0, 19).replace('T', ' ');
12524
12526
  return this.isEmpty(val) ? undefined : val;
12525
12527
  }
@@ -12572,7 +12574,7 @@
12572
12574
  node.question.extras &&
12573
12575
  node.question.renderingType === 'group') ||
12574
12576
  forcegroup) {
12575
- var groupObs = ___namespace.find(payload, function (o) {
12577
+ var groupObs = _.find(payload, function (o) {
12576
12578
  return (o.concept.uuid === node.question.extras.questionOptions.concept &&
12577
12579
  o.groupMembers);
12578
12580
  });
@@ -12626,7 +12628,7 @@
12626
12628
  node.question.extras.questionOptions.rendering !== 'multiCheckbox') ||
12627
12629
  node.question.extras.questionOptions.rendering !== 'checkbox' ||
12628
12630
  node.question.extras.questionOptions.rendering !== 'multi-select') {
12629
- var obs = ___namespace.find(payload, function (o) {
12631
+ var obs = _.find(payload, function (o) {
12630
12632
  return o.concept.uuid === node.question.extras.questionOptions.concept;
12631
12633
  });
12632
12634
  if (obs) {
@@ -12642,7 +12644,7 @@
12642
12644
  }
12643
12645
  }
12644
12646
  else {
12645
- var multiObs = ___namespace.filter(payload, function (o) {
12647
+ var multiObs = _.filter(payload, function (o) {
12646
12648
  return o.concept.uuid === node.question.extras.questionOptions.concept;
12647
12649
  });
12648
12650
  if (multiObs && multiObs.length > 0) {
@@ -12669,7 +12671,7 @@
12669
12671
  // set the usual obs value
12670
12672
  this.setObsValue(valueField, payload);
12671
12673
  // set the obs date
12672
- var obs = ___namespace.find(payload, function (o) {
12674
+ var obs = _.find(payload, function (o) {
12673
12675
  return o.concept.uuid === node.question.extras.questionOptions.concept;
12674
12676
  });
12675
12677
  if (obs) {
@@ -12698,7 +12700,7 @@
12698
12700
  };
12699
12701
  ObsValueAdapter.prototype.setRepeatingGroupValues = function (node, payload) {
12700
12702
  var e_3, _a;
12701
- var groupRepeatingObs = ___namespace.filter(payload, function (o) {
12703
+ var groupRepeatingObs = _.filter(payload, function (o) {
12702
12704
  var found = o.concept.uuid === node.question.extras.questionOptions.concept;
12703
12705
  var intersect = false;
12704
12706
  if (found && o.groupMembers) {
@@ -12708,7 +12710,7 @@
12708
12710
  var schemaQuestions = node.question.questions.map(function (a) {
12709
12711
  return a.extras.questionOptions.concept;
12710
12712
  });
12711
- intersect = ___namespace.intersection(obs, schemaQuestions).length > 0;
12713
+ intersect = _.intersection(obs, schemaQuestions).length > 0;
12712
12714
  }
12713
12715
  return found && intersect;
12714
12716
  });
@@ -12803,7 +12805,7 @@
12803
12805
  if (obs.question &&
12804
12806
  obs.question.extras &&
12805
12807
  obs.question.extras.questionOptions.rendering === 'group') {
12806
- var members = ___namespace.filter(this.getObsPayload(obs.groupMembers), function (o) {
12808
+ var members = _.filter(this.getObsPayload(obs.groupMembers), function (o) {
12807
12809
  return o.value !== '';
12808
12810
  });
12809
12811
  var mappedMembers = members.map(function (a) {
@@ -12863,7 +12865,7 @@
12863
12865
  var current = {};
12864
12866
  for (var key in value) {
12865
12867
  if (value.hasOwnProperty(key)) {
12866
- var groupQuestion = ___namespace.find(node.question.questions, {
12868
+ var groupQuestion = _.find(node.question.questions, {
12867
12869
  key: key
12868
12870
  });
12869
12871
  var modelValue = value[key];
@@ -12956,7 +12958,7 @@
12956
12958
  ObsValueAdapter.prototype.leftOuterJoinArrays = function (first, second) {
12957
12959
  var unique = first.filter(function (obj) {
12958
12960
  return !second.some(function (obj2) {
12959
- return ___namespace.isEqual(obj.value, obj2.value);
12961
+ return _.isEqual(obj.value, obj2.value);
12960
12962
  });
12961
12963
  });
12962
12964
  return unique;
@@ -13345,7 +13347,7 @@
13345
13347
  dateVoided: o.auditInfo.dateVoided
13346
13348
  };
13347
13349
  });
13348
- return (existingOrders = ___namespace.filter(existingOrders, function (order) {
13350
+ return (existingOrders = _.filter(existingOrders, function (order) {
13349
13351
  if (order.voided === true || order.dateVoided) {
13350
13352
  return false;
13351
13353
  }
@@ -13508,8 +13510,8 @@
13508
13510
  case 'encounterDatetime':
13509
13511
  if (payload['encounterDatetime']) {
13510
13512
  // console.log('date', payload['encounterDatetime']);
13511
- node.control.setValue(moment__default["default"](payload['encounterDatetime']).toDate());
13512
- node.initialValue = moment__default["default"](payload['encounterDatetime']).toDate();
13513
+ node.control.setValue(moment__default['default'](payload['encounterDatetime']).toDate());
13514
+ node.initialValue = moment__default['default'](payload['encounterDatetime']).toDate();
13513
13515
  }
13514
13516
  break;
13515
13517
  case 'encounterProvider':
@@ -13553,7 +13555,7 @@
13553
13555
  node.control.value !== '') {
13554
13556
  switch (node.question.extras.type) {
13555
13557
  case 'encounterDatetime':
13556
- var dateValue = moment__default["default"](node.control.value).utcOffset(rootNode.form.valueProcessingInfo.utcOffset || '+0300');
13558
+ var dateValue = moment__default['default'](node.control.value).utcOffset(rootNode.form.valueProcessingInfo.utcOffset || '+0300');
13557
13559
  payload['encounterDatetime'] = dateValue.format();
13558
13560
  break;
13559
13561
  case 'encounterProvider':
@@ -13844,7 +13846,7 @@
13844
13846
  RemoteSelectComponent.decorators = [
13845
13847
  { type: i0.Component, args: [{
13846
13848
  selector: 'ngx-remote-select',
13847
- template: "<div>\n <ng-select [ngClass]=\"{'afe-custom': theme === 'light'}\" [disabled]=\"disabled\" [items]=\"remoteOptions$ | async\" bindLabel=\"label\" bindValue=\"value\" [multiple]=\"false\"\n [hideSelected]=\"true\" [compareWith]=\"compareItems\" [trackByFn]=\"trackByFn\" [loading]=\"loading\"\n typeToSearchText=\"Please enter 2 or more characters\" [typeahead]=\"remoteOptionInput$\"\n [(ngModel)]=\"selectedRemoteOptions\" (ngModelChange)=\"selected($event)\">\n </ng-select>\n</div>",
13849
+ template: "<div>\n <ng-select\n [ngClass]=\"{ 'afe-custom': theme === 'light' }\"\n [disabled]=\"disabled\"\n [items]=\"remoteOptions$ | async\"\n bindLabel=\"label\"\n bindValue=\"value\"\n [multiple]=\"false\"\n [hideSelected]=\"true\"\n [compareWith]=\"compareItems\"\n [trackByFn]=\"trackByFn\"\n [loading]=\"loading\"\n typeToSearchText=\"Please enter 2 or more characters\"\n [typeahead]=\"remoteOptionInput$\"\n [(ngModel)]=\"selectedRemoteOptions\"\n (ngModelChange)=\"selected($event)\"\n >\n </ng-select>\n</div>\n",
13848
13850
  providers: [
13849
13851
  {
13850
13852
  provide: forms.NG_VALUE_ACCESSOR,
@@ -13912,15 +13914,15 @@
13912
13914
  }
13913
13915
  var locationUuid = (_b = (_a = node.form.dataSourcesContainer.dataSources) === null || _a === void 0 ? void 0 : _a.userLocation) === null || _b === void 0 ? void 0 : _b.uuid;
13914
13916
  if (dataSource && locationUuid) {
13915
- var startDate = moment__default["default"](appointmentDate)
13917
+ var startDate = moment__default['default'](appointmentDate)
13916
13918
  .startOf('week')
13917
13919
  .add(1, 'day')
13918
13920
  .format('YYYY-MM-DD');
13919
- var endDate = moment__default["default"](appointmentDate)
13921
+ var endDate = moment__default['default'](appointmentDate)
13920
13922
  .endOf('week')
13921
13923
  .subtract(1, 'day')
13922
13924
  .format('YYYY-MM-DD');
13923
- _this.today = moment__default["default"](appointmentDate).format('DD-MM-YYYY');
13925
+ _this.today = moment__default['default'](appointmentDate).format('DD-MM-YYYY');
13924
13926
  // create 5 week days
13925
13927
  var scheduledAppointments_1 = [];
13926
13928
  var programTypes = [
@@ -13936,7 +13938,7 @@
13936
13938
  var programTypeParams = programTypes.join();
13937
13939
  for (var i = 1; i <= 5; i++) {
13938
13940
  scheduledAppointments_1.push({
13939
- date: moment__default["default"](appointmentDate)
13941
+ date: moment__default['default'](appointmentDate)
13940
13942
  .startOf('week')
13941
13943
  .add(i, 'day')
13942
13944
  .format('DD-MM-YYYY'),
@@ -13990,7 +13992,7 @@
13990
13992
  AppointmentsOverviewComponent.decorators = [
13991
13993
  { type: i0.Component, args: [{
13992
13994
  selector: 'appointments-overview',
13993
- template: "<div *ngIf=\"showAppointments\" class=\"container\">\n <div *ngIf=\"loadingAppointments\">\n <span *ngIf=\"!appointmentsLoaded && errorLoadingAppointments\">Error checking appointments</span>\n <div *ngIf=\"loadingAppointments\" class=\"cds--inline-loading\" aria-live=\"assertive\">\n <div class=\"cds--inline-loading__animation\">\n <div aria-atomic=\"true\" aria-labelledby=\"loading-id-2\" aria-live=\"assertive\"\n class=\"cds--loading cds--loading--small\">\n <label id=\"loading-id-2\" class=\"cds--visually-hidden\">Active loading indicator</label><svg\n class=\"cds--loading__svg\" viewBox=\"0 0 100 100\">\n <title>Active loading indicator</title>\n <circle class=\"cds--loading__background\" cx=\"50%\" cy=\"50%\" r=\"44\"></circle>\n <circle class=\"cds--loading__stroke\" cx=\"50%\" cy=\"50%\" r=\"44\"></circle>\n </svg>\n </div>\n </div>\n <div class=\"cds--inline-loading__text\">Loading...</div>\n </div>\n </div>\n\n <div class=\"cds--data-table-content\" *ngIf=\"appointmentsLoaded && !errorLoadingAppointments\">\n <table class=\"cds--data-table cds--data-table--no-border\">\n <thead>\n <tr>\n <th *ngFor=\"let appointment of appointments\" scope=\"col\" [ngClass]=\"{ active: appointment.date === today }\">\n {{ appointment.date }}\n </th>\n </tr>\n </thead>\n <tbody aria-live=\"polite\">\n <tr>\n <td *ngFor=\"let appointment of appointments\" [ngClass]=\"{ active: appointment.date === today }\">\n {{ appointment.count }}\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n</div>",
13995
+ template: "<div *ngIf=\"showAppointments\" class=\"container\">\n <div *ngIf=\"loadingAppointments\">\n <span *ngIf=\"!appointmentsLoaded && errorLoadingAppointments\"\n >Error checking appointments</span\n >\n <div\n *ngIf=\"loadingAppointments\"\n class=\"cds--inline-loading\"\n aria-live=\"assertive\"\n >\n <div class=\"cds--inline-loading__animation\">\n <div\n aria-atomic=\"true\"\n aria-labelledby=\"loading-id-2\"\n aria-live=\"assertive\"\n class=\"cds--loading cds--loading--small\"\n >\n <label id=\"loading-id-2\" class=\"cds--visually-hidden\"\n >Active loading indicator</label\n ><svg class=\"cds--loading__svg\" viewBox=\"0 0 100 100\">\n <title>Active loading indicator</title>\n <circle\n class=\"cds--loading__background\"\n cx=\"50%\"\n cy=\"50%\"\n r=\"44\"\n ></circle>\n <circle\n class=\"cds--loading__stroke\"\n cx=\"50%\"\n cy=\"50%\"\n r=\"44\"\n ></circle>\n </svg>\n </div>\n </div>\n <div class=\"cds--inline-loading__text\">Loading...</div>\n </div>\n </div>\n\n <div\n class=\"cds--data-table-content\"\n *ngIf=\"appointmentsLoaded && !errorLoadingAppointments\"\n >\n <table class=\"cds--data-table cds--data-table--no-border\">\n <thead>\n <tr>\n <th\n *ngFor=\"let appointment of appointments\"\n scope=\"col\"\n [ngClass]=\"{ active: appointment.date === today }\"\n >\n {{ appointment.date }}\n </th>\n </tr>\n </thead>\n <tbody aria-live=\"polite\">\n <tr>\n <td\n *ngFor=\"let appointment of appointments\"\n [ngClass]=\"{ active: appointment.date === today }\"\n >\n {{ appointment.count }}\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n</div>\n",
13994
13996
  styles: [".container{margin-top:.625rem}.active{background-color:#e0e0e0;cursor:pointer}"]
13995
13997
  },] }
13996
13998
  ];
@@ -14066,7 +14068,7 @@
14066
14068
  CheckboxControlComponent.decorators = [
14067
14069
  { type: i0.Component, args: [{
14068
14070
  selector: 'checkbox',
14069
- template: "<fieldset class=\"cds--fieldset\">\n <div class=\"cds--form-item cds--checkbox-wrapper\" *ngFor=\"let option of options; let i = index\">\n <input type=\"checkbox\" class=\"cds--checkbox\" [id]=\"i + 'id'\" [checked]=\"option.checked\" (change)=\"selectOpt(option, $event)\" [value]=\"option.value\">\n <label [for]=\"i + 'id'\" class=\"cds--checkbox-label\">\n <span class=\"cds--checkbox-label-text\">{{ option.label }}</span>\n </label>\n </div>\n</fieldset>\n",
14071
+ template: "<fieldset class=\"cds--fieldset\">\n <div\n class=\"cds--form-item cds--checkbox-wrapper\"\n *ngFor=\"let option of options; let i = index\"\n >\n <input\n type=\"checkbox\"\n class=\"cds--checkbox\"\n [id]=\"i + id\"\n [checked]=\"option.checked\"\n (change)=\"selectOpt(option, $event)\"\n [value]=\"option.value\"\n />\n <label [for]=\"i + id\" class=\"cds--checkbox-label\">\n <span class=\"cds--checkbox-label-text\">{{ option.label }}</span>\n </label>\n </div>\n</fieldset>\n",
14070
14072
  providers: [
14071
14073
  {
14072
14074
  provide: forms.NG_VALUE_ACCESSOR,
@@ -14077,6 +14079,7 @@
14077
14079
  },] }
14078
14080
  ];
14079
14081
  CheckboxControlComponent.propDecorators = {
14082
+ id: [{ type: i0.Input }],
14080
14083
  options: [{ type: i0.Input }],
14081
14084
  selected: [{ type: i0.Input }]
14082
14085
  };
@@ -14106,7 +14109,8 @@
14106
14109
  TabComponent.decorators = [
14107
14110
  { type: i0.Component, args: [{
14108
14111
  selector: 'ngx-tab',
14109
- template: "\n <div *ngIf=\"active\" class=\"pane\" [ngClass]=\"customPaneClass\">\n <h4>{{ tabTitle }}</h4>\n <div *ngIf=\"bypassDOM\">\n <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n </div>\n <div *ngIf=\"!bypassDOM\">\n <ng-content></ng-content>\n </div>\n </div>\n "
14112
+ template: "<div *ngIf=\"active\" class=\"pane\" [ngClass]=\"customPaneClass\">\n <h4>{{ tabTitle }}</h4>\n <div *ngIf=\"bypassDOM\">\n <ng-container [ngTemplateOutlet]=\"template\"></ng-container>\n </div>\n <div *ngIf=\"!bypassDOM\">\n <ng-content></ng-content>\n </div>\n</div>\n",
14113
+ styles: ["h4{padding-left:1rem;margin-bottom:.5rem}h4:after{content:\"\";display:block;width:2rem;padding-top:.188rem;border-bottom:.375rem solid var(--brand-01)}.pane{background-color:#f4f4f4;margin:.5rem .125rem}"]
14110
14114
  },] }
14111
14115
  ];
14112
14116
  TabComponent.propDecorators = {
@@ -14119,21 +14123,21 @@
14119
14123
  template: [{ type: i0.ContentChild, args: [i0.TemplateRef,] }]
14120
14124
  };
14121
14125
 
14122
- var TabsetComponent = /** @class */ (function () {
14123
- function TabsetComponent() {
14126
+ var TabSetComponent = /** @class */ (function () {
14127
+ function TabSetComponent() {
14124
14128
  this.disableStyle = false;
14125
14129
  this.customNavClass = '';
14126
14130
  this.customTabsClass = '';
14127
14131
  this.selectedIndex = 0;
14128
14132
  this.onSelect = new i0.EventEmitter();
14129
14133
  }
14130
- TabsetComponent.prototype.ngOnChanges = function (changes) {
14134
+ TabSetComponent.prototype.ngOnChanges = function (changes) {
14131
14135
  if (changes.selectedIndex && !changes.selectedIndex.firstChange) {
14132
14136
  this.selectTab(this.tabs.toArray()[changes.selectedIndex.currentValue]);
14133
14137
  }
14134
14138
  };
14135
14139
  // contentChildren are set
14136
- TabsetComponent.prototype.ngAfterContentInit = function () {
14140
+ TabSetComponent.prototype.ngAfterContentInit = function () {
14137
14141
  var _this = this;
14138
14142
  // get all active tabs
14139
14143
  var activeTabs = this.tabs.filter(function (tab) { return tab.active; });
@@ -14144,10 +14148,10 @@
14144
14148
  }
14145
14149
  });
14146
14150
  };
14147
- TabsetComponent.prototype.onHover = function ($event) {
14151
+ TabSetComponent.prototype.onHover = function ($event) {
14148
14152
  console.log($event);
14149
14153
  };
14150
- TabsetComponent.prototype.selectTab = function (tabToSelect) {
14154
+ TabSetComponent.prototype.selectTab = function (tabToSelect) {
14151
14155
  if (tabToSelect.disabled === true || tabToSelect.active === true) {
14152
14156
  return;
14153
14157
  }
@@ -14157,7 +14161,7 @@
14157
14161
  tabToSelect.active = true;
14158
14162
  this.onSelect.emit(this.tabs.toArray().indexOf(tabToSelect));
14159
14163
  };
14160
- TabsetComponent.prototype.getStatusClasses = function (active, disabled) {
14164
+ TabSetComponent.prototype.getStatusClasses = function (active, disabled) {
14161
14165
  if (active) {
14162
14166
  return 'active';
14163
14167
  }
@@ -14168,16 +14172,16 @@
14168
14172
  return 'disabled';
14169
14173
  }
14170
14174
  };
14171
- return TabsetComponent;
14175
+ return TabSetComponent;
14172
14176
  }());
14173
- TabsetComponent.decorators = [
14177
+ TabSetComponent.decorators = [
14174
14178
  { type: i0.Component, args: [{
14175
- selector: 'ngx-tabset',
14176
- template: "<div class=\"tab-container\">\n <div class=\"tab\">\n <button hover-class=\"hover\" class=\"tablinks completed\" *ngFor=\"let tab of tabs\" (click)=\"selectTab(tab)\"\n [class]=\"getStatusClasses(tab.active,tab.disabled)\">\n <span>{{ tab.tabTitle }}</span>\n </button>\n </div>\n\n\n <div id=\"tab\" class=\"tabcontent\">\n <ng-content></ng-content>\n </div>\n\n</div>",
14177
- styles: [".tab-container{overflow-x:hidden;display:flex;width:100%}.tab{width:219px;position:fixed}.tab button{font-family:inherit;display:block;background-color:inherit;width:100%;border:none;outline:none;text-align:left;transition:.3s;min-height:2rem;white-space:normal;word-wrap:break-word;margin:0 0 .063rem}@media screen and (max-width:768px){.tab button{height:3rem;border-bottom:.0125rem solid var(--open-mrs-background-gray);width:203px}}.tab button.active.hover,.tab button.enabled.hover{background-color:var(--gray-gray-10)}.tab button.completed{border-left:.5rem solid var(--inverse-support-02);background-color:var(--color-green-10);font-weight:400}.tab button.active,.tab button.completed{font-size:.875rem;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:.16px;color:#161616}.tab button.active{background-color:#ededed;border-left:.5rem solid #009d9a;font-weight:600}.tab button.enabled{background-color:#fff;border-left:.5rem solid #9ef0f0;line-height:1.43;color:var(--color-gray-100)}.tab button.enabled,.tab button.error{font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;letter-spacing:.16px}.tab button.error{background-color:var(--color-red-10);border-left:.5rem solid var(--open-mrs-danger-red-60);line-height:1.29;color:#da1e28}.tab button.disabled{background-color:#fff;border-left:.5rem solid #dae0e0;font-weight:400;line-height:1.43;color:var(--gray-gray-30)}.tab button.active.error,.tab button.disabled{font-size:.875rem;font-stretch:normal;font-style:normal;letter-spacing:.16px}.tab button.active.error{background-color:var(--color-red-20);border-left:.5rem solid var(--open-mrs-danger-red-60);font-weight:600;line-height:1.29;color:#da1e28}.tabcontent{width:100%;padding:0 .625rem;margin-left:230px}"]
14179
+ selector: 'ngx-tab-set',
14180
+ template: "<div class=\"tab-container\">\n <div class=\"tab\">\n <button\n hover-class=\"hover\"\n class=\"tablinks completed\"\n *ngFor=\"let tab of tabs\"\n (click)=\"selectTab(tab)\"\n [class]=\"getStatusClasses(tab.active, tab.disabled)\"\n >\n <span>{{ tab.tabTitle }}</span>\n </button>\n </div>\n <div id=\"tab\" class=\"tab-content\">\n <ng-content></ng-content>\n </div>\n</div>\n",
14181
+ styles: [".tab-container{overflow-x:hidden;display:flex}.tab{width:10rem;position:fixed}.tab button{font-family:inherit;display:block;background-color:inherit;width:100%;border:none;outline:none;text-align:left;transition:.3s;min-height:2rem;white-space:normal;word-wrap:break-word;margin:0 0 .063rem}.tab button :hover{cursor:pointer}@media screen and (max-width:768px){.tab button{height:3rem;border-bottom:.0125rem solid var(--open-mrs-background-gray);width:10rem}}.tab button.active.hover,.tab button.enabled.hover{background-color:var(--gray-gray-10)}.tab button.completed{border-left:.5rem solid var(--inverse-support-02);background-color:var(--color-green-10);font-weight:400}.tab button.active,.tab button.completed{font-size:.875rem;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:.16px;color:#161616}.tab button.active{background-color:#ededed;border-left:.5rem solid #009d9a;font-weight:600}.tab button.enabled{background-color:#fff;border-left:.5rem solid #9ef0f0;line-height:1.43;color:var(--color-gray-100)}.tab button.enabled,.tab button.error{font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;letter-spacing:.16px}.tab button.error{background-color:var(--color-red-10);border-left:.5rem solid var(--open-mrs-danger-red-60);line-height:1.29;color:#da1e28}.tab button.disabled{background-color:#fff;border-left:.5rem solid #dae0e0;font-weight:400;line-height:1.43;color:var(--gray-gray-30)}.tab button.active.error,.tab button.disabled{font-size:.875rem;font-stretch:normal;font-style:normal;letter-spacing:.16px}.tab button.active.error{background-color:var(--color-red-20);border-left:.5rem solid var(--open-mrs-danger-red-60);font-weight:600;line-height:1.29;color:#da1e28}.tab-content{width:100%;margin-left:10rem}"]
14178
14182
  },] }
14179
14183
  ];
14180
- TabsetComponent.propDecorators = {
14184
+ TabSetComponent.propDecorators = {
14181
14185
  tabs: [{ type: i0.ContentChildren, args: [TabComponent,] }],
14182
14186
  disableStyle: [{ type: i0.Input }],
14183
14187
  customNavClass: [{ type: i0.Input }],
@@ -14237,8 +14241,8 @@
14237
14241
  }());
14238
14242
  NgxTabSetModule.decorators = [
14239
14243
  { type: i0.NgModule, args: [{
14240
- declarations: [TabComponent, TabsetComponent, HoverClassDirective],
14241
- exports: [TabComponent, TabsetComponent],
14244
+ declarations: [TabComponent, TabSetComponent, HoverClassDirective],
14245
+ exports: [TabComponent, TabSetComponent],
14242
14246
  imports: [common.CommonModule]
14243
14247
  },] }
14244
14248
  ];
@@ -14407,19 +14411,19 @@
14407
14411
  };
14408
14412
 
14409
14413
  /* eslint-disable @angular-eslint/component-class-suffix, @angular-eslint/directive-class-suffix */
14410
- var Option = /** @class */ (function () {
14414
+ var Option$1 = /** @class */ (function () {
14411
14415
  function Option() {
14412
14416
  this.inputClass = 'cds--select-option';
14413
14417
  }
14414
14418
  return Option;
14415
14419
  }());
14416
- Option.decorators = [
14420
+ Option$1.decorators = [
14417
14421
  { type: i0.Directive, args: [{
14418
14422
  // eslint-disable-next-line
14419
14423
  selector: 'option'
14420
14424
  },] }
14421
14425
  ];
14422
- Option.propDecorators = {
14426
+ Option$1.propDecorators = {
14423
14427
  inputClass: [{ type: i0.HostBinding, args: ['class',] }]
14424
14428
  };
14425
14429
 
@@ -14448,8 +14452,8 @@
14448
14452
  }());
14449
14453
  SelectModule.decorators = [
14450
14454
  { type: i0.NgModule, args: [{
14451
- declarations: [Select, Option, OptGroup],
14452
- exports: [Select, Option, OptGroup],
14455
+ declarations: [Select, Option$1, OptGroup],
14456
+ exports: [Select, Option$1, OptGroup],
14453
14457
  imports: [common.CommonModule, forms.FormsModule]
14454
14458
  },] }
14455
14459
  ];
@@ -14732,7 +14736,7 @@
14732
14736
  CustomControlWrapperComponent.decorators = [
14733
14737
  { type: i0.Component, args: [{
14734
14738
  selector: 'app-custom-control-wrapper',
14735
- template: "<div>\n <ng-template #error>Loading failed...</ng-template>\n <ng-template #loading>Loading...</ng-template>\n <ax-lazy-element\n *axLazyElementDynamic=\"customControlConfig.tag, url: customControlConfig.url; module: true; errorTemplate: error; loadingTemplate: loading\"\n [question]=\"question\" [value]=\"value\" [disabled]='disabled' (on-change)=\"onValueChange($event)\" [config]=\"config\">\n </ax-lazy-element>\n</div>",
14739
+ template: "<div>\n <ng-template #error>Loading failed...</ng-template>\n <ng-template #loading>Loading...</ng-template>\n <ax-lazy-element\n *axLazyElementDynamic=\"\n customControlConfig.tag;\n url: customControlConfig.url;\n module: true;\n errorTemplate: error;\n loadingTemplate: loading\n \"\n [question]=\"question\"\n [value]=\"value\"\n [disabled]=\"disabled\"\n (on-change)=\"onValueChange($event)\"\n [config]=\"config\"\n >\n </ax-lazy-element>\n</div>\n",
14736
14740
  providers: [
14737
14741
  {
14738
14742
  provide: forms.NG_VALUE_ACCESSOR,
@@ -14771,7 +14775,7 @@
14771
14775
  CustomComponentWrapperComponent.decorators = [
14772
14776
  { type: i0.Component, args: [{
14773
14777
  selector: 'app-custom-component-wrapper',
14774
- template: "<div>\n <ng-template #error>Component Loading failed...</ng-template>\n <ng-template #loading>Loading Component...</ng-template>\n <div *ngFor=\"let componentConfig of componentConfigs\">\n <ax-lazy-element\n *axLazyElementDynamic=\"componentConfig.tag, url: componentConfig.url; module: true; errorTemplate: error; loadingTemplate: loading\"\n [config]=\"componentConfig\" [dark]='dark'>\n </ax-lazy-element>\n </div>\n</div>"
14778
+ template: "<div>\n <ng-template #error>Component Loading failed...</ng-template>\n <ng-template #loading>Loading Component...</ng-template>\n <div *ngFor=\"let componentConfig of componentConfigs\">\n <ax-lazy-element\n *axLazyElementDynamic=\"\n componentConfig.tag;\n url: componentConfig.url;\n module: true;\n errorTemplate: error;\n loadingTemplate: loading\n \"\n [config]=\"componentConfig\"\n [dark]=\"dark\"\n >\n </ax-lazy-element>\n </div>\n</div>\n"
14775
14779
  },] }
14776
14780
  ];
14777
14781
  CustomComponentWrapperComponent.propDecorators = {
@@ -14869,7 +14873,6 @@
14869
14873
  return Pair;
14870
14874
  }());
14871
14875
 
14872
- exports.RenderingType = void 0;
14873
14876
  (function (RenderingType) {
14874
14877
  RenderingType[RenderingType["Form"] = 0] = "Form";
14875
14878
  RenderingType[RenderingType["Page"] = 1] = "Page";
@@ -14914,7 +14917,7 @@
14914
14917
  exports.NgxDateTimePickerModule = NgxDateTimePickerModule;
14915
14918
  exports.ObsAdapterHelper = ObsAdapterHelper;
14916
14919
  exports.ObsValueAdapter = ObsValueAdapter;
14917
- exports.Option = Option$1;
14920
+ exports.Option = Option;
14918
14921
  exports.OrderValueAdapter = OrderValueAdapter;
14919
14922
  exports.Pair = Pair;
14920
14923
  exports.PersonAttribuAdapter = PersonAttribuAdapter;
@@ -14929,92 +14932,91 @@
14929
14932
  exports.UiSelectQuestion = UiSelectQuestion;
14930
14933
  exports.ValidationFactory = ValidationFactory;
14931
14934
  exports.ValidationModel = ValidationModel;
14932
- exports["ɵa"] = SelectModule;
14933
- exports["ɵb"] = Select;
14934
- exports["ɵba"] = OWL_DIALOG_SCROLL_STRATEGY;
14935
- exports["ɵbb"] = OWL_DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY;
14936
- exports["ɵbc"] = OWL_DIALOG_SCROLL_STRATEGY_PROVIDER;
14937
- exports["ɵbd"] = OWL_DIALOG_DEFAULT_OPTIONS;
14938
- exports["ɵbe"] = OwlDialogService;
14939
- exports["ɵbf"] = OwlDialogConfig;
14940
- exports["ɵbg"] = OwlCalendarComponent;
14941
- exports["ɵbi"] = OWL_DATE_TIME_FORMATS;
14942
- exports["ɵbj"] = OwlDateTimeIntl;
14943
- exports["ɵbk"] = OWL_DATE_TIME_LOCALE;
14944
- exports["ɵbl"] = OWL_DATE_TIME_LOCALE_FACTORY;
14945
- exports["ɵbm"] = DateTimeAdapter;
14946
- exports["ɵbn"] = OwlTimerComponent;
14947
- exports["ɵbo"] = OwlDateTimeTriggerDirective;
14948
- exports["ɵbp"] = OWL_DATETIME_VALUE_ACCESSOR$1;
14949
- exports["ɵbq"] = OWL_DATETIME_VALIDATORS;
14950
- exports["ɵbr"] = OwlDateTimeInputDirective;
14951
- exports["ɵbs"] = OWL_DTPICKER_SCROLL_STRATEGY;
14952
- exports["ɵbt"] = OWL_DTPICKER_SCROLL_STRATEGY_PROVIDER_FACTORY;
14953
- exports["ɵbu"] = OWL_DTPICKER_SCROLL_STRATEGY_PROVIDER;
14954
- exports["ɵbv"] = OwlDateTimeComponent;
14955
- exports["ɵbw"] = OwlDateTime;
14956
- exports["ɵbx"] = OWL_DATETIME_VALUE_ACCESSOR;
14957
- exports["ɵby"] = OwlDateTimeInlineComponent;
14958
- exports["ɵbz"] = OwlDateTimeContainerComponent;
14959
- exports["ɵc"] = Option;
14960
- exports["ɵca"] = owlDateTimePickerAnimations;
14961
- exports["ɵcb"] = OwlMultiYearViewComponent;
14962
- exports["ɵcc"] = OwlCalendarBodyComponent;
14963
- exports["ɵcd"] = OwlYearViewComponent;
14964
- exports["ɵce"] = OwlMonthViewComponent;
14965
- exports["ɵcf"] = OwlTimerBoxComponent;
14966
- exports["ɵcg"] = NumberFixedLenPipe;
14967
- exports["ɵch"] = NativeDateTimeModule;
14968
- exports["ɵci"] = OwlNativeDateTimeModule;
14969
- exports["ɵcj"] = NativeDateTimeAdapter;
14970
- exports["ɵck"] = OWL_NATIVE_DATE_TIME_FORMATS;
14971
- exports["ɵcl"] = NgxDatetimeComponent;
14972
- exports["ɵcm"] = CustomControlWrapperModule;
14973
- exports["ɵcn"] = CustomControlWrapperComponent;
14974
- exports["ɵco"] = CustomComponentWrapperModule;
14975
- exports["ɵcp"] = CustomComponentWrapperComponent;
14976
- exports["ɵcq"] = NgxTabSetModule;
14977
- exports["ɵcr"] = TabComponent;
14978
- exports["ɵcs"] = TabsetComponent;
14979
- exports["ɵct"] = HoverClassDirective;
14980
- exports["ɵcu"] = FormRendererComponent;
14981
- exports["ɵcv"] = DEFAULT_STYLES;
14982
- exports["ɵcw"] = AfeNgSelectComponent;
14983
- exports["ɵcx"] = AppointmentsOverviewComponent;
14984
- exports["ɵcy"] = HistoricalValueDirective;
14985
- exports["ɵcz"] = HistoricalFieldHelperService;
14986
- exports["ɵd"] = OptGroup;
14987
- exports["ɵda"] = ErrorRendererComponent;
14988
- exports["ɵdb"] = TimeAgoPipe;
14989
- exports["ɵdc"] = CollapseDirective;
14990
- exports["ɵdd"] = HidersDisablersFactory;
14991
- exports["ɵde"] = ExpressionRunner;
14992
- exports["ɵdf"] = DebugModeService;
14993
- exports["ɵdg"] = AlertsFactory;
14994
- exports["ɵe"] = NumberInputModule;
14995
- exports["ɵf"] = NumberInputComponent;
14996
- exports["ɵg"] = InputModule;
14997
- exports["ɵh"] = Label;
14998
- exports["ɵi"] = TextArea;
14999
- exports["ɵj"] = TextInput;
15000
- exports["ɵk"] = DatePickerComponent;
15001
- exports["ɵl"] = TimePickerComponent;
15002
- exports["ɵm"] = ModalComponent;
15003
- exports["ɵn"] = MomentPipe;
15004
- exports["ɵo"] = DateTimePickerComponent;
15005
- exports["ɵp"] = NgxRemoteSelectModule;
15006
- exports["ɵq"] = RemoteSelectComponent;
15007
- exports["ɵr"] = RemoteFileUploadModule;
15008
- exports["ɵs"] = SharedModule;
15009
- exports["ɵt"] = SecurePipe;
15010
- exports["ɵu"] = FileUploadComponent;
15011
- exports["ɵv"] = CheckboxModule;
15012
- exports["ɵw"] = CheckboxControlComponent;
15013
- exports["ɵx"] = OwlDateTimeModule;
15014
- exports["ɵy"] = OwlDialogModule;
15015
- exports["ɵz"] = OwlDialogContainerComponent;
14935
+ exports.ɵa = SelectModule;
14936
+ exports.ɵb = Select;
14937
+ exports.ɵba = OWL_DIALOG_SCROLL_STRATEGY;
14938
+ exports.ɵbb = OWL_DIALOG_SCROLL_STRATEGY_PROVIDER_FACTORY;
14939
+ exports.ɵbc = OWL_DIALOG_SCROLL_STRATEGY_PROVIDER;
14940
+ exports.ɵbd = OWL_DIALOG_DEFAULT_OPTIONS;
14941
+ exports.ɵbe = OwlDialogService;
14942
+ exports.ɵbf = OwlDialogConfig;
14943
+ exports.ɵbg = OwlCalendarComponent;
14944
+ exports.ɵbi = OWL_DATE_TIME_FORMATS;
14945
+ exports.ɵbj = OwlDateTimeIntl;
14946
+ exports.ɵbk = OWL_DATE_TIME_LOCALE;
14947
+ exports.ɵbl = OWL_DATE_TIME_LOCALE_FACTORY;
14948
+ exports.ɵbm = DateTimeAdapter;
14949
+ exports.ɵbn = OwlTimerComponent;
14950
+ exports.ɵbo = OwlDateTimeTriggerDirective;
14951
+ exports.ɵbp = OWL_DATETIME_VALUE_ACCESSOR;
14952
+ exports.ɵbq = OWL_DATETIME_VALIDATORS;
14953
+ exports.ɵbr = OwlDateTimeInputDirective;
14954
+ exports.ɵbs = OWL_DTPICKER_SCROLL_STRATEGY;
14955
+ exports.ɵbt = OWL_DTPICKER_SCROLL_STRATEGY_PROVIDER_FACTORY;
14956
+ exports.ɵbu = OWL_DTPICKER_SCROLL_STRATEGY_PROVIDER;
14957
+ exports.ɵbv = OwlDateTimeComponent;
14958
+ exports.ɵbw = OwlDateTime;
14959
+ exports.ɵbx = OWL_DATETIME_VALUE_ACCESSOR$1;
14960
+ exports.ɵby = OwlDateTimeInlineComponent;
14961
+ exports.ɵbz = OwlDateTimeContainerComponent;
14962
+ exports.ɵc = Option$1;
14963
+ exports.ɵca = owlDateTimePickerAnimations;
14964
+ exports.ɵcb = OwlMultiYearViewComponent;
14965
+ exports.ɵcc = OwlCalendarBodyComponent;
14966
+ exports.ɵcd = OwlYearViewComponent;
14967
+ exports.ɵce = OwlMonthViewComponent;
14968
+ exports.ɵcf = OwlTimerBoxComponent;
14969
+ exports.ɵcg = NumberFixedLenPipe;
14970
+ exports.ɵch = NativeDateTimeModule;
14971
+ exports.ɵci = OwlNativeDateTimeModule;
14972
+ exports.ɵcj = NativeDateTimeAdapter;
14973
+ exports.ɵck = OWL_NATIVE_DATE_TIME_FORMATS;
14974
+ exports.ɵcl = NgxDatetimeComponent;
14975
+ exports.ɵcm = CustomControlWrapperModule;
14976
+ exports.ɵcn = CustomControlWrapperComponent;
14977
+ exports.ɵco = CustomComponentWrapperModule;
14978
+ exports.ɵcp = CustomComponentWrapperComponent;
14979
+ exports.ɵcq = NgxTabSetModule;
14980
+ exports.ɵcr = TabComponent;
14981
+ exports.ɵcs = TabSetComponent;
14982
+ exports.ɵct = HoverClassDirective;
14983
+ exports.ɵcu = FormRendererComponent;
14984
+ exports.ɵcv = AfeNgSelectComponent;
14985
+ exports.ɵcw = AppointmentsOverviewComponent;
14986
+ exports.ɵcx = HistoricalValueDirective;
14987
+ exports.ɵcy = HistoricalFieldHelperService;
14988
+ exports.ɵcz = ErrorRendererComponent;
14989
+ exports.ɵd = OptGroup;
14990
+ exports.ɵda = TimeAgoPipe;
14991
+ exports.ɵdb = CollapseDirective;
14992
+ exports.ɵdc = HidersDisablersFactory;
14993
+ exports.ɵdd = ExpressionRunner;
14994
+ exports.ɵde = DebugModeService;
14995
+ exports.ɵdf = AlertsFactory;
14996
+ exports.ɵe = NumberInputModule;
14997
+ exports.ɵf = NumberInputComponent;
14998
+ exports.ɵg = InputModule;
14999
+ exports.ɵh = Label;
15000
+ exports.ɵi = TextArea;
15001
+ exports.ɵj = TextInput;
15002
+ exports.ɵk = DatePickerComponent;
15003
+ exports.ɵl = TimePickerComponent;
15004
+ exports.ɵm = ModalComponent;
15005
+ exports.ɵn = MomentPipe;
15006
+ exports.ɵo = DateTimePickerComponent;
15007
+ exports.ɵp = NgxRemoteSelectModule;
15008
+ exports.ɵq = RemoteSelectComponent;
15009
+ exports.ɵr = RemoteFileUploadModule;
15010
+ exports.ɵs = SharedModule;
15011
+ exports.ɵt = SecurePipe;
15012
+ exports.ɵu = FileUploadComponent;
15013
+ exports.ɵv = CheckboxModule;
15014
+ exports.ɵw = CheckboxControlComponent;
15015
+ exports.ɵx = OwlDateTimeModule;
15016
+ exports.ɵy = OwlDialogModule;
15017
+ exports.ɵz = OwlDialogContainerComponent;
15016
15018
 
15017
15019
  Object.defineProperty(exports, '__esModule', { value: true });
15018
15020
 
15019
- }));
15021
+ })));
15020
15022
  //# sourceMappingURL=openmrs-ngx-formentry.umd.js.map