@openmrs/ngx-formentry 3.0.1-pre.19 → 3.0.1-pre.25
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.
- package/bundles/openmrs-ngx-formentry.umd.js +78 -83
- package/bundles/openmrs-ngx-formentry.umd.js.map +1 -1
- package/bundles/openmrs-ngx-formentry.umd.min.js +1 -1
- package/bundles/openmrs-ngx-formentry.umd.min.js.map +1 -1
- package/components/check-box/checkbox.component.d.ts +1 -0
- package/components/ngx-datetime-picker/ngx-datetime-picker.component.d.ts +1 -0
- package/components/ngx-tabset/components/{tab-set.d.ts → ngx-tab-set.component.d.ts} +2 -2
- package/components/ngx-tabset/components/{tab.d.ts → tab.component.d.ts} +0 -0
- package/esm2015/components/appointments-overview/appointments-overview.component.js +2 -2
- package/esm2015/components/check-box/checkbox.component.js +3 -2
- package/esm2015/components/custom-component-wrapper/custom-component-wrapper.component.js +2 -2
- package/esm2015/components/custom-control-wrapper/custom-control-wrapper.component.js +2 -2
- package/esm2015/components/ngx-datetime-picker/ngx-datetime-picker.component.js +4 -2
- package/esm2015/components/ngx-pick-datetime/lib/date-time/calendar-body.component.js +2 -2
- package/esm2015/components/ngx-pick-datetime/lib/date-time/calendar-month-view.component.js +2 -2
- package/esm2015/components/ngx-pick-datetime/lib/date-time/calendar-multi-year-view.component.js +2 -2
- package/esm2015/components/ngx-pick-datetime/lib/date-time/calendar-year-view.component.js +2 -2
- package/esm2015/components/ngx-pick-datetime/lib/date-time/calendar.component.js +2 -2
- package/esm2015/components/ngx-pick-datetime/lib/date-time/date-time-inline.component.js +2 -2
- package/esm2015/components/ngx-pick-datetime/lib/date-time/date-time-picker-container.component.js +2 -2
- package/esm2015/components/ngx-pick-datetime/lib/date-time/date-time.class.js +1 -1
- package/esm2015/components/ngx-pick-datetime/lib/date-time/timer-box.component.js +2 -2
- package/esm2015/components/ngx-pick-datetime/lib/date-time/timer.component.js +2 -2
- package/esm2015/components/ngx-remote-select/ngx-remote-select.component.js +2 -2
- package/esm2015/components/ngx-tabset/components/ngx-tab-set.component.js +67 -0
- package/esm2015/components/ngx-tabset/components/tab.component.js +26 -0
- package/esm2015/components/ngx-tabset/modules/ngx-tabset.module.js +5 -5
- package/esm2015/components/number-input/number-input.component.js +2 -2
- package/esm2015/form-entry/error-renderer/error-renderer.component.js +2 -2
- package/esm2015/form-entry/form-factory/form-node.js +1 -1
- package/esm2015/form-entry/form-factory/question.factory.js +26 -1
- package/esm2015/form-entry/form-renderer/form-renderer.component.js +4 -37
- package/esm2015/form-entry/question-models/interfaces/base-options.js +1 -1
- package/esm2015/form-entry/question-models/question-base.js +1 -1
- package/esm2015/form-entry/services/historical-encounter-data.service.js +2 -2
- package/esm2015/openmrs-ngx-formentry.js +14 -15
- package/fesm2015/openmrs-ngx-formentry.js +60 -254
- package/fesm2015/openmrs-ngx-formentry.js.map +1 -1
- package/form-entry/form-renderer/form-renderer.component.d.ts +1 -1
- package/form-entry/question-models/interfaces/base-options.d.ts +1 -0
- package/form-entry/question-models/question-base.d.ts +3 -0
- package/openmrs-ngx-formentry.d.ts +23 -24
- package/openmrs-ngx-formentry.metadata.json +1 -1
- package/package.json +1 -1
- package/styles/ngx-formentry.css +1 -1
- package/esm2015/components/ngx-tabset/components/tab-set.js +0 -67
- package/esm2015/components/ngx-tabset/components/tab.js +0 -35
- package/esm2015/form-entry/form-renderer/form-renderer.component.css.js +0 -182
- package/form-entry/form-renderer/form-renderer.component.css.d.ts +0 -1
|
@@ -2477,8 +2477,6 @@
|
|
|
2477
2477
|
{ type: AlertsFactory }
|
|
2478
2478
|
]; };
|
|
2479
2479
|
|
|
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
2480
|
var DataSources = /** @class */ (function () {
|
|
2483
2481
|
function DataSources() {
|
|
2484
2482
|
this._dataSources = {};
|
|
@@ -2514,10 +2512,6 @@
|
|
|
2514
2512
|
];
|
|
2515
2513
|
DataSources.ctorParameters = function () { return []; };
|
|
2516
2514
|
|
|
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
2515
|
var FormRendererComponent = /** @class */ (function () {
|
|
2522
2516
|
function FormRendererComponent(validationFactory, dataSources, formErrorsService, document) {
|
|
2523
2517
|
this.validationFactory = validationFactory;
|
|
@@ -2569,30 +2563,7 @@
|
|
|
2569
2563
|
if (this.node &&
|
|
2570
2564
|
this.node.question.extras &&
|
|
2571
2565
|
this.node.question.renderingType === 'remote-select') {
|
|
2572
|
-
// let selectQuestion = this.node.form.searchNodeByQuestionId(this.node.question.key)[0];
|
|
2573
2566
|
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
2567
|
if (this.dataSource && this.node.question.dataSourceOptions) {
|
|
2597
2568
|
this.dataSource.dataSourceOptions = this.node.question.dataSourceOptions;
|
|
2598
2569
|
}
|
|
@@ -2603,8 +2574,6 @@
|
|
|
2603
2574
|
this.node.question.extras &&
|
|
2604
2575
|
this.node.question.renderingType === 'file') {
|
|
2605
2576
|
this.dataSource = this.dataSources.dataSources[this.node.question.dataSource];
|
|
2606
|
-
// console.log('Key', this.node.question);
|
|
2607
|
-
// console.log('Data source', this.dataSource);
|
|
2608
2577
|
}
|
|
2609
2578
|
};
|
|
2610
2579
|
FormRendererComponent.prototype.loadLabels = function () {
|
|
@@ -2694,12 +2663,10 @@
|
|
|
2694
2663
|
}, 200);
|
|
2695
2664
|
};
|
|
2696
2665
|
FormRendererComponent.prototype.onDateChanged = function (node) {
|
|
2697
|
-
// console.log('Node', node);
|
|
2698
2666
|
this.node = node;
|
|
2699
2667
|
};
|
|
2700
2668
|
FormRendererComponent.prototype.upload = function (event) {
|
|
2701
|
-
//
|
|
2702
|
-
// console.log('Data', this.dataSource);
|
|
2669
|
+
// TO DO Add upload functionality
|
|
2703
2670
|
};
|
|
2704
2671
|
FormRendererComponent.prototype.toggleInformation = function (infoId) {
|
|
2705
2672
|
var e = document.getElementById(infoId);
|
|
@@ -2722,8 +2689,8 @@
|
|
|
2722
2689
|
FormRendererComponent.decorators = [
|
|
2723
2690
|
{ type: i0.Component, args: [{
|
|
2724
2691
|
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\">×</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: [
|
|
2692
|
+
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\">×</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",
|
|
2693
|
+
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
2694
|
},] }
|
|
2728
2695
|
];
|
|
2729
2696
|
FormRendererComponent.ctorParameters = function () { return [
|
|
@@ -2784,7 +2751,7 @@
|
|
|
2784
2751
|
ErrorRendererComponent.decorators = [
|
|
2785
2752
|
{ type: i0.Component, args: [{
|
|
2786
2753
|
selector: 'error-renderer',
|
|
2787
|
-
template: "<div *ngIf=\"showErrors()\" class=\"container\">\n <div
|
|
2754
|
+
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
2755
|
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
2756
|
},] }
|
|
2790
2757
|
];
|
|
@@ -3250,7 +3217,7 @@
|
|
|
3250
3217
|
NumberInputComponent.decorators = [
|
|
3251
3218
|
{ type: i0.Component, args: [{
|
|
3252
3219
|
selector: 'number-input',
|
|
3253
|
-
template: "<div
|
|
3220
|
+
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
3221
|
providers: [
|
|
3255
3222
|
{
|
|
3256
3223
|
provide: forms.NG_VALUE_ACCESSOR,
|
|
@@ -4034,6 +4001,7 @@
|
|
|
4034
4001
|
this.isDisabled = false;
|
|
4035
4002
|
this.id = '';
|
|
4036
4003
|
this.theme = 'dark';
|
|
4004
|
+
this.datePickerFormat = '';
|
|
4037
4005
|
this.showWeeks = false;
|
|
4038
4006
|
this.onChange = function (_) { };
|
|
4039
4007
|
this.onTouch = function () { };
|
|
@@ -4068,7 +4036,7 @@
|
|
|
4068
4036
|
NgxDatetimeComponent.decorators = [
|
|
4069
4037
|
{ type: i0.Component, args: [{
|
|
4070
4038
|
selector: 'ngx-datetimepicker',
|
|
4071
|
-
template: "<div class=\"date-time-picker-container\">\n
|
|
4039
|
+
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
4040
|
providers: [
|
|
4073
4041
|
{
|
|
4074
4042
|
provide: forms.NG_VALUE_ACCESSOR,
|
|
@@ -4082,6 +4050,7 @@
|
|
|
4082
4050
|
NgxDatetimeComponent.propDecorators = {
|
|
4083
4051
|
id: [{ type: i0.Input }],
|
|
4084
4052
|
theme: [{ type: i0.Input }],
|
|
4053
|
+
datePickerFormat: [{ type: i0.Input }],
|
|
4085
4054
|
showWeeks: [{ type: i0.Input }],
|
|
4086
4055
|
weeks: [{ type: i0.Input }]
|
|
4087
4056
|
};
|
|
@@ -4696,7 +4665,7 @@
|
|
|
4696
4665
|
{ type: i0.Component, args: [{
|
|
4697
4666
|
selector: 'owl-date-time-calendar',
|
|
4698
4667
|
exportAs: 'owlDateTimeCalendar',
|
|
4699
|
-
template: "<div class=\"owl-dt-calendar-control\">\n
|
|
4668
|
+
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
4669
|
host: {
|
|
4701
4670
|
'[class.owl-dt-calendar]': 'owlDTCalendarClass'
|
|
4702
4671
|
},
|
|
@@ -5053,7 +5022,7 @@
|
|
|
5053
5022
|
{ type: i0.Component, args: [{
|
|
5054
5023
|
exportAs: 'owlDateTimeTimer',
|
|
5055
5024
|
selector: 'owl-date-time-timer',
|
|
5056
|
-
template: "<owl-date-time-timer-box\n
|
|
5025
|
+
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
5026
|
preserveWhitespaces: false,
|
|
5058
5027
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
5059
5028
|
host: {
|
|
@@ -5520,7 +5489,7 @@
|
|
|
5520
5489
|
{ type: i0.Component, args: [{
|
|
5521
5490
|
exportAs: 'owlDateTimeContainer',
|
|
5522
5491
|
selector: 'owl-date-time-container',
|
|
5523
|
-
template: "<div
|
|
5492
|
+
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
5493
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
5525
5494
|
preserveWhitespaces: false,
|
|
5526
5495
|
animations: [
|
|
@@ -7773,7 +7742,7 @@
|
|
|
7773
7742
|
{ type: i0.Component, args: [{
|
|
7774
7743
|
selector: '[owl-date-time-calendar-body]',
|
|
7775
7744
|
exportAs: 'owlDateTimeCalendarBody',
|
|
7776
|
-
template: "<tr *ngFor=\"let row of rows; let rowIndex = index\" role=\"row\">\n
|
|
7745
|
+
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
7746
|
host: {
|
|
7778
7747
|
'[class.owl-dt-calendar-body]': 'owlDTCalendarBodyClass'
|
|
7779
7748
|
},
|
|
@@ -8246,7 +8215,7 @@
|
|
|
8246
8215
|
{ type: i0.Component, args: [{
|
|
8247
8216
|
selector: 'owl-date-time-month-view',
|
|
8248
8217
|
exportAs: 'owlYearView',
|
|
8249
|
-
template: "<table
|
|
8218
|
+
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
8219
|
host: {
|
|
8251
8220
|
'[class.owl-dt-calendar-view]': 'owlDTCalendarView'
|
|
8252
8221
|
},
|
|
@@ -8647,7 +8616,7 @@
|
|
|
8647
8616
|
{ type: i0.Component, args: [{
|
|
8648
8617
|
selector: 'owl-date-time-year-view',
|
|
8649
8618
|
exportAs: 'owlMonthView',
|
|
8650
|
-
template: "<table class=\"owl-dt-calendar-table owl-dt-calendar-year-table\">\n
|
|
8619
|
+
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
8620
|
host: {
|
|
8652
8621
|
'[class.owl-dt-calendar-view]': 'owlDTCalendarView'
|
|
8653
8622
|
},
|
|
@@ -9080,7 +9049,7 @@
|
|
|
9080
9049
|
OwlMultiYearViewComponent.decorators = [
|
|
9081
9050
|
{ type: i0.Component, args: [{
|
|
9082
9051
|
selector: 'owl-date-time-multi-year-view',
|
|
9083
|
-
template: "<button
|
|
9052
|
+
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
9053
|
host: {
|
|
9085
9054
|
'[class.owl-dt-calendar-view]': 'owlDTCalendarView',
|
|
9086
9055
|
'[class.owl-dt-calendar-multi-year-view]': 'owlDTCalendarMultiYearView'
|
|
@@ -9172,7 +9141,7 @@
|
|
|
9172
9141
|
{ type: i0.Component, args: [{
|
|
9173
9142
|
exportAs: 'owlDateTimeTimerBox',
|
|
9174
9143
|
selector: 'owl-date-time-timer-box',
|
|
9175
|
-
template: "<div *ngIf=\"showDivider\" class=\"owl-dt-timer-divider\" aria-hidden=\"true\"></div>\n<button
|
|
9144
|
+
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
9145
|
preserveWhitespaces: false,
|
|
9177
9146
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
9178
9147
|
host: {
|
|
@@ -9502,7 +9471,7 @@
|
|
|
9502
9471
|
OwlDateTimeInlineComponent.decorators = [
|
|
9503
9472
|
{ type: i0.Component, args: [{
|
|
9504
9473
|
selector: 'owl-date-time-inline',
|
|
9505
|
-
template: "<owl-date-time-container></owl-date-time-container
|
|
9474
|
+
template: "<owl-date-time-container></owl-date-time-container>\n",
|
|
9506
9475
|
host: {
|
|
9507
9476
|
'[class.owl-dt-inline]': 'owlDTInlineClass'
|
|
9508
9477
|
},
|
|
@@ -10685,7 +10654,7 @@
|
|
|
10685
10654
|
if (answers.length > 0) {
|
|
10686
10655
|
return {
|
|
10687
10656
|
value: answers[0],
|
|
10688
|
-
valueDate: moment__default["default"](object.encounterDatetime).format('
|
|
10657
|
+
valueDate: moment__default["default"](object.encounterDatetime).format('YYYY-MM-DDTHH:mm:ss')
|
|
10689
10658
|
};
|
|
10690
10659
|
}
|
|
10691
10660
|
};
|
|
@@ -10858,6 +10827,7 @@
|
|
|
10858
10827
|
QuestionFactory.prototype.toSelectQuestion = function (schemaQuestion) {
|
|
10859
10828
|
var question = new SelectQuestion({ options: [], type: '', key: '' });
|
|
10860
10829
|
question.label = schemaQuestion.label;
|
|
10830
|
+
question.prefix = schemaQuestion.prefix;
|
|
10861
10831
|
question.key = schemaQuestion.id;
|
|
10862
10832
|
question.componentConfigs = schemaQuestion.componentConfigs || [];
|
|
10863
10833
|
question.options = schemaQuestion.questionOptions.answers.map(function (obj) {
|
|
@@ -10893,6 +10863,7 @@
|
|
|
10893
10863
|
key: ''
|
|
10894
10864
|
});
|
|
10895
10865
|
question.label = schemaQuestion.label;
|
|
10866
|
+
question.prefix = schemaQuestion.prefix;
|
|
10896
10867
|
question.key = schemaQuestion.id;
|
|
10897
10868
|
question.renderingType = 'number';
|
|
10898
10869
|
question.placeholder = schemaQuestion.questionOptions.placeholder;
|
|
@@ -10919,6 +10890,7 @@
|
|
|
10919
10890
|
key: ''
|
|
10920
10891
|
});
|
|
10921
10892
|
question.label = schemaQuestion.label;
|
|
10893
|
+
question.prefix = schemaQuestion.prefix;
|
|
10922
10894
|
question.key = schemaQuestion.id;
|
|
10923
10895
|
question.renderingType = 'number';
|
|
10924
10896
|
question.placeholder = schemaQuestion.questionOptions.placeholder || '';
|
|
@@ -10963,8 +10935,10 @@
|
|
|
10963
10935
|
return question;
|
|
10964
10936
|
};
|
|
10965
10937
|
QuestionFactory.prototype.toEncounterDatetimeQuestion = function (schemaQuestion) {
|
|
10938
|
+
var _a;
|
|
10966
10939
|
var question = new DateQuestion({ type: '', key: '' });
|
|
10967
10940
|
question.label = schemaQuestion.label;
|
|
10941
|
+
question.prefix = schemaQuestion.prefix;
|
|
10968
10942
|
question.renderingType = 'date';
|
|
10969
10943
|
question.key = schemaQuestion.id;
|
|
10970
10944
|
question.validators = this.addValidators(schemaQuestion);
|
|
@@ -10979,6 +10953,7 @@
|
|
|
10979
10953
|
};
|
|
10980
10954
|
question.showTime = true;
|
|
10981
10955
|
question.componentConfigs = schemaQuestion.componentConfigs || [];
|
|
10956
|
+
question.datePickerFormat = (_a = schemaQuestion.datePickerFormat) !== null && _a !== void 0 ? _a : 'calendar';
|
|
10982
10957
|
this.copyProperties(mappings, schemaQuestion, question);
|
|
10983
10958
|
this.addDisableOrHideProperty(schemaQuestion, question);
|
|
10984
10959
|
this.addAlertProperty(schemaQuestion, question);
|
|
@@ -10989,8 +10964,10 @@
|
|
|
10989
10964
|
QuestionFactory.prototype.toCheckBoxQuestion = function (schemaQuestion) {
|
|
10990
10965
|
var question = new CheckBoxQuestion({ options: [], type: '', key: '' });
|
|
10991
10966
|
question.label = schemaQuestion.label;
|
|
10967
|
+
question.prefix = schemaQuestion.prefix;
|
|
10992
10968
|
question.key = schemaQuestion.id;
|
|
10993
10969
|
question.extras = schemaQuestion;
|
|
10970
|
+
question.orientation = schemaQuestion.questionOptions.orientation;
|
|
10994
10971
|
question.options = schemaQuestion.questionOptions.answers.map(function (obj) {
|
|
10995
10972
|
return {
|
|
10996
10973
|
label: obj.label,
|
|
@@ -11020,6 +10997,7 @@
|
|
|
11020
10997
|
key: ''
|
|
11021
10998
|
});
|
|
11022
10999
|
question.label = schemaQuestion.label;
|
|
11000
|
+
question.prefix = schemaQuestion.prefix;
|
|
11023
11001
|
question.key = schemaQuestion.id;
|
|
11024
11002
|
question.options = schemaQuestion.questionOptions.answers.map(function (obj) {
|
|
11025
11003
|
return {
|
|
@@ -11052,6 +11030,7 @@
|
|
|
11052
11030
|
key: ''
|
|
11053
11031
|
});
|
|
11054
11032
|
question.label = schemaQuestion.label;
|
|
11033
|
+
question.prefix = schemaQuestion.prefix;
|
|
11055
11034
|
question.key = schemaQuestion.id;
|
|
11056
11035
|
question.placeholder = schemaQuestion.questionOptions.placeholder;
|
|
11057
11036
|
question.isExpanded = schemaQuestion.isExpanded;
|
|
@@ -11079,6 +11058,7 @@
|
|
|
11079
11058
|
key: ''
|
|
11080
11059
|
});
|
|
11081
11060
|
question.label = schemaQuestion.label;
|
|
11061
|
+
question.prefix = schemaQuestion.prefix;
|
|
11082
11062
|
question.key = schemaQuestion.id;
|
|
11083
11063
|
question.renderingType = 'text';
|
|
11084
11064
|
question.placeholder = schemaQuestion.questionOptions.placeholder;
|
|
@@ -11101,6 +11081,7 @@
|
|
|
11101
11081
|
QuestionFactory.prototype.toFileUploadQuestion = function (schemaQuestion) {
|
|
11102
11082
|
var question = new FileUploadQuestion({ type: '', key: '' });
|
|
11103
11083
|
question.label = schemaQuestion.label;
|
|
11084
|
+
question.prefix = schemaQuestion.prefix;
|
|
11104
11085
|
question.key = schemaQuestion.id;
|
|
11105
11086
|
question.renderingType = 'file';
|
|
11106
11087
|
question.dataSource = 'file';
|
|
@@ -11122,6 +11103,7 @@
|
|
|
11122
11103
|
QuestionFactory.prototype.toDrugQuestion = function (schemaQuestion) {
|
|
11123
11104
|
var question = new SelectQuestion({ options: [], type: '', key: '' });
|
|
11124
11105
|
question.label = schemaQuestion.label;
|
|
11106
|
+
question.prefix = schemaQuestion.prefix;
|
|
11125
11107
|
question.key = schemaQuestion.id;
|
|
11126
11108
|
question.renderingType = 'remote-select';
|
|
11127
11109
|
question.validators = this.addValidators(schemaQuestion);
|
|
@@ -11143,6 +11125,7 @@
|
|
|
11143
11125
|
QuestionFactory.prototype.toProblemQuestion = function (schemaQuestion) {
|
|
11144
11126
|
var question = new SelectQuestion({ options: [], type: '', key: '' });
|
|
11145
11127
|
question.label = schemaQuestion.label;
|
|
11128
|
+
question.prefix = schemaQuestion.prefix;
|
|
11146
11129
|
question.key = schemaQuestion.id;
|
|
11147
11130
|
question.renderingType = 'remote-select';
|
|
11148
11131
|
question.validators = this.addValidators(schemaQuestion);
|
|
@@ -11164,6 +11147,7 @@
|
|
|
11164
11147
|
QuestionFactory.prototype.toConceptAnswerSelect = function (schemaQuestion) {
|
|
11165
11148
|
var question = new SelectQuestion({ options: [], type: '', key: '' });
|
|
11166
11149
|
question.label = schemaQuestion.label;
|
|
11150
|
+
question.prefix = schemaQuestion.prefix;
|
|
11167
11151
|
question.key = schemaQuestion.id;
|
|
11168
11152
|
question.renderingType = 'remote-select';
|
|
11169
11153
|
question.validators = this.addValidators(schemaQuestion);
|
|
@@ -11193,6 +11177,7 @@
|
|
|
11193
11177
|
key: ''
|
|
11194
11178
|
});
|
|
11195
11179
|
question.label = schemaQuestion.label;
|
|
11180
|
+
question.prefix = schemaQuestion.prefix;
|
|
11196
11181
|
question.questions = this.getChildrenQuestionModels(schemaQuestion.questions);
|
|
11197
11182
|
question.key = schemaQuestion.id;
|
|
11198
11183
|
question.validators = this.addValidators(schemaQuestion);
|
|
@@ -11219,6 +11204,7 @@
|
|
|
11219
11204
|
QuestionFactory.prototype.toGroupQuestion = function (schemaQuestion) {
|
|
11220
11205
|
var question = new QuestionGroup({ questions: [], type: '', key: '' });
|
|
11221
11206
|
question.label = schemaQuestion.label;
|
|
11207
|
+
question.prefix = schemaQuestion.prefix;
|
|
11222
11208
|
question.questions = this.getChildrenQuestionModels(schemaQuestion.questions);
|
|
11223
11209
|
question.key = schemaQuestion.id;
|
|
11224
11210
|
question.validators = this.addValidators(schemaQuestion);
|
|
@@ -11240,6 +11226,7 @@
|
|
|
11240
11226
|
var _this = this;
|
|
11241
11227
|
var question = new QuestionGroup({ questions: [], type: '', key: '' });
|
|
11242
11228
|
question.label = schemaQuestion.label;
|
|
11229
|
+
question.prefix = schemaQuestion.prefix;
|
|
11243
11230
|
question.key = schemaQuestion.label;
|
|
11244
11231
|
question.renderingType = 'page';
|
|
11245
11232
|
question.controlType = exports.AfeControlType.None;
|
|
@@ -11255,6 +11242,7 @@
|
|
|
11255
11242
|
var question = new QuestionGroup({ questions: [], type: '', key: '' });
|
|
11256
11243
|
question.label = schemaQuestion.label;
|
|
11257
11244
|
question.key = schemaQuestion.label;
|
|
11245
|
+
question.prefix = schemaQuestion.prefix;
|
|
11258
11246
|
question.renderingType = 'form';
|
|
11259
11247
|
question.controlType = exports.AfeControlType.AfeFormGroup;
|
|
11260
11248
|
question.extras = schemaQuestion;
|
|
@@ -11268,6 +11256,7 @@
|
|
|
11268
11256
|
QuestionFactory.prototype.toSectionQuestion = function (schemaQuestion) {
|
|
11269
11257
|
var question = new QuestionGroup({ questions: [], type: '', key: '' });
|
|
11270
11258
|
question.label = schemaQuestion.label;
|
|
11259
|
+
question.prefix = schemaQuestion.prefix;
|
|
11271
11260
|
question.key = schemaQuestion.label;
|
|
11272
11261
|
question.renderingType = 'section';
|
|
11273
11262
|
question.controlType = exports.AfeControlType.None;
|
|
@@ -11285,6 +11274,7 @@
|
|
|
11285
11274
|
resolveFunction: function () { }
|
|
11286
11275
|
});
|
|
11287
11276
|
question.label = schemaQuestion.label;
|
|
11277
|
+
question.prefix = schemaQuestion.prefix;
|
|
11288
11278
|
question.key = schemaQuestion.id;
|
|
11289
11279
|
question.renderingType = 'remote-select';
|
|
11290
11280
|
question.validators = this.addValidators(schemaQuestion);
|
|
@@ -11313,6 +11303,7 @@
|
|
|
11313
11303
|
resolveFunction: function () { }
|
|
11314
11304
|
});
|
|
11315
11305
|
question.label = schemaQuestion.label;
|
|
11306
|
+
question.prefix = schemaQuestion.prefix;
|
|
11316
11307
|
question.key = schemaQuestion.id;
|
|
11317
11308
|
question.renderingType = 'remote-select';
|
|
11318
11309
|
question.validators = this.addValidators(schemaQuestion);
|
|
@@ -11346,6 +11337,7 @@
|
|
|
11346
11337
|
resolveFunction: function () { }
|
|
11347
11338
|
});
|
|
11348
11339
|
question.label = schemaQuestion.label;
|
|
11340
|
+
question.prefix = schemaQuestion.prefix;
|
|
11349
11341
|
question.key = schemaQuestion.id;
|
|
11350
11342
|
question.renderingType = schemaQuestion.type;
|
|
11351
11343
|
question.renderingType = 'remote-select';
|
|
@@ -11376,6 +11368,7 @@
|
|
|
11376
11368
|
rendering: ''
|
|
11377
11369
|
});
|
|
11378
11370
|
question.label = schemaQuestion.label;
|
|
11371
|
+
question.prefix = schemaQuestion.prefix;
|
|
11379
11372
|
question.key = schemaQuestion.id;
|
|
11380
11373
|
question.validators = this.addValidators(schemaQuestion);
|
|
11381
11374
|
question.extras = schemaQuestion;
|
|
@@ -11510,6 +11503,7 @@
|
|
|
11510
11503
|
var converted = {};
|
|
11511
11504
|
converted.type = 'complex-obs';
|
|
11512
11505
|
converted.label = schemaQuestion.label;
|
|
11506
|
+
converted.prefix = schemaQuestion.prefix;
|
|
11513
11507
|
converted.id = 'complex_' + schemaQuestion.id;
|
|
11514
11508
|
converted.questionOptions = {};
|
|
11515
11509
|
converted.questionOptions.concept = schemaQuestion.questionOptions.concept;
|
|
@@ -13844,7 +13838,7 @@
|
|
|
13844
13838
|
RemoteSelectComponent.decorators = [
|
|
13845
13839
|
{ type: i0.Component, args: [{
|
|
13846
13840
|
selector: 'ngx-remote-select',
|
|
13847
|
-
template: "<div>\n <ng-select
|
|
13841
|
+
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
13842
|
providers: [
|
|
13849
13843
|
{
|
|
13850
13844
|
provide: forms.NG_VALUE_ACCESSOR,
|
|
@@ -13990,7 +13984,7 @@
|
|
|
13990
13984
|
AppointmentsOverviewComponent.decorators = [
|
|
13991
13985
|
{ type: i0.Component, args: [{
|
|
13992
13986
|
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
|
|
13987
|
+
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
13988
|
styles: [".container{margin-top:.625rem}.active{background-color:#e0e0e0;cursor:pointer}"]
|
|
13995
13989
|
},] }
|
|
13996
13990
|
];
|
|
@@ -14066,7 +14060,7 @@
|
|
|
14066
14060
|
CheckboxControlComponent.decorators = [
|
|
14067
14061
|
{ type: i0.Component, args: [{
|
|
14068
14062
|
selector: 'checkbox',
|
|
14069
|
-
template: "<fieldset class=\"cds--fieldset\">\n <div
|
|
14063
|
+
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
14064
|
providers: [
|
|
14071
14065
|
{
|
|
14072
14066
|
provide: forms.NG_VALUE_ACCESSOR,
|
|
@@ -14077,6 +14071,7 @@
|
|
|
14077
14071
|
},] }
|
|
14078
14072
|
];
|
|
14079
14073
|
CheckboxControlComponent.propDecorators = {
|
|
14074
|
+
id: [{ type: i0.Input }],
|
|
14080
14075
|
options: [{ type: i0.Input }],
|
|
14081
14076
|
selected: [{ type: i0.Input }]
|
|
14082
14077
|
};
|
|
@@ -14106,7 +14101,8 @@
|
|
|
14106
14101
|
TabComponent.decorators = [
|
|
14107
14102
|
{ type: i0.Component, args: [{
|
|
14108
14103
|
selector: 'ngx-tab',
|
|
14109
|
-
template: "
|
|
14104
|
+
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",
|
|
14105
|
+
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
14106
|
},] }
|
|
14111
14107
|
];
|
|
14112
14108
|
TabComponent.propDecorators = {
|
|
@@ -14119,21 +14115,21 @@
|
|
|
14119
14115
|
template: [{ type: i0.ContentChild, args: [i0.TemplateRef,] }]
|
|
14120
14116
|
};
|
|
14121
14117
|
|
|
14122
|
-
var
|
|
14123
|
-
function
|
|
14118
|
+
var TabSetComponent = /** @class */ (function () {
|
|
14119
|
+
function TabSetComponent() {
|
|
14124
14120
|
this.disableStyle = false;
|
|
14125
14121
|
this.customNavClass = '';
|
|
14126
14122
|
this.customTabsClass = '';
|
|
14127
14123
|
this.selectedIndex = 0;
|
|
14128
14124
|
this.onSelect = new i0.EventEmitter();
|
|
14129
14125
|
}
|
|
14130
|
-
|
|
14126
|
+
TabSetComponent.prototype.ngOnChanges = function (changes) {
|
|
14131
14127
|
if (changes.selectedIndex && !changes.selectedIndex.firstChange) {
|
|
14132
14128
|
this.selectTab(this.tabs.toArray()[changes.selectedIndex.currentValue]);
|
|
14133
14129
|
}
|
|
14134
14130
|
};
|
|
14135
14131
|
// contentChildren are set
|
|
14136
|
-
|
|
14132
|
+
TabSetComponent.prototype.ngAfterContentInit = function () {
|
|
14137
14133
|
var _this = this;
|
|
14138
14134
|
// get all active tabs
|
|
14139
14135
|
var activeTabs = this.tabs.filter(function (tab) { return tab.active; });
|
|
@@ -14144,10 +14140,10 @@
|
|
|
14144
14140
|
}
|
|
14145
14141
|
});
|
|
14146
14142
|
};
|
|
14147
|
-
|
|
14143
|
+
TabSetComponent.prototype.onHover = function ($event) {
|
|
14148
14144
|
console.log($event);
|
|
14149
14145
|
};
|
|
14150
|
-
|
|
14146
|
+
TabSetComponent.prototype.selectTab = function (tabToSelect) {
|
|
14151
14147
|
if (tabToSelect.disabled === true || tabToSelect.active === true) {
|
|
14152
14148
|
return;
|
|
14153
14149
|
}
|
|
@@ -14157,7 +14153,7 @@
|
|
|
14157
14153
|
tabToSelect.active = true;
|
|
14158
14154
|
this.onSelect.emit(this.tabs.toArray().indexOf(tabToSelect));
|
|
14159
14155
|
};
|
|
14160
|
-
|
|
14156
|
+
TabSetComponent.prototype.getStatusClasses = function (active, disabled) {
|
|
14161
14157
|
if (active) {
|
|
14162
14158
|
return 'active';
|
|
14163
14159
|
}
|
|
@@ -14168,16 +14164,16 @@
|
|
|
14168
14164
|
return 'disabled';
|
|
14169
14165
|
}
|
|
14170
14166
|
};
|
|
14171
|
-
return
|
|
14167
|
+
return TabSetComponent;
|
|
14172
14168
|
}());
|
|
14173
|
-
|
|
14169
|
+
TabSetComponent.decorators = [
|
|
14174
14170
|
{ type: i0.Component, args: [{
|
|
14175
|
-
selector: 'ngx-
|
|
14176
|
-
template: "<div class=\"tab-container\">\n <div class=\"tab\">\n <button
|
|
14177
|
-
styles: [".tab-container{overflow-x:hidden;display:flex
|
|
14171
|
+
selector: 'ngx-tab-set',
|
|
14172
|
+
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",
|
|
14173
|
+
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
14174
|
},] }
|
|
14179
14175
|
];
|
|
14180
|
-
|
|
14176
|
+
TabSetComponent.propDecorators = {
|
|
14181
14177
|
tabs: [{ type: i0.ContentChildren, args: [TabComponent,] }],
|
|
14182
14178
|
disableStyle: [{ type: i0.Input }],
|
|
14183
14179
|
customNavClass: [{ type: i0.Input }],
|
|
@@ -14237,8 +14233,8 @@
|
|
|
14237
14233
|
}());
|
|
14238
14234
|
NgxTabSetModule.decorators = [
|
|
14239
14235
|
{ type: i0.NgModule, args: [{
|
|
14240
|
-
declarations: [TabComponent,
|
|
14241
|
-
exports: [TabComponent,
|
|
14236
|
+
declarations: [TabComponent, TabSetComponent, HoverClassDirective],
|
|
14237
|
+
exports: [TabComponent, TabSetComponent],
|
|
14242
14238
|
imports: [common.CommonModule]
|
|
14243
14239
|
},] }
|
|
14244
14240
|
];
|
|
@@ -14732,7 +14728,7 @@
|
|
|
14732
14728
|
CustomControlWrapperComponent.decorators = [
|
|
14733
14729
|
{ type: i0.Component, args: [{
|
|
14734
14730
|
selector: 'app-custom-control-wrapper',
|
|
14735
|
-
template: "<div>\n
|
|
14731
|
+
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
14732
|
providers: [
|
|
14737
14733
|
{
|
|
14738
14734
|
provide: forms.NG_VALUE_ACCESSOR,
|
|
@@ -14771,7 +14767,7 @@
|
|
|
14771
14767
|
CustomComponentWrapperComponent.decorators = [
|
|
14772
14768
|
{ type: i0.Component, args: [{
|
|
14773
14769
|
selector: 'app-custom-component-wrapper',
|
|
14774
|
-
template: "<div>\n
|
|
14770
|
+
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
14771
|
},] }
|
|
14776
14772
|
];
|
|
14777
14773
|
CustomComponentWrapperComponent.propDecorators = {
|
|
@@ -14975,22 +14971,21 @@
|
|
|
14975
14971
|
exports["ɵcp"] = CustomComponentWrapperComponent;
|
|
14976
14972
|
exports["ɵcq"] = NgxTabSetModule;
|
|
14977
14973
|
exports["ɵcr"] = TabComponent;
|
|
14978
|
-
exports["ɵcs"] =
|
|
14974
|
+
exports["ɵcs"] = TabSetComponent;
|
|
14979
14975
|
exports["ɵct"] = HoverClassDirective;
|
|
14980
14976
|
exports["ɵcu"] = FormRendererComponent;
|
|
14981
|
-
exports["ɵcv"] =
|
|
14982
|
-
exports["ɵcw"] =
|
|
14983
|
-
exports["ɵcx"] =
|
|
14984
|
-
exports["ɵcy"] =
|
|
14985
|
-
exports["ɵcz"] =
|
|
14977
|
+
exports["ɵcv"] = AfeNgSelectComponent;
|
|
14978
|
+
exports["ɵcw"] = AppointmentsOverviewComponent;
|
|
14979
|
+
exports["ɵcx"] = HistoricalValueDirective;
|
|
14980
|
+
exports["ɵcy"] = HistoricalFieldHelperService;
|
|
14981
|
+
exports["ɵcz"] = ErrorRendererComponent;
|
|
14986
14982
|
exports["ɵd"] = OptGroup;
|
|
14987
|
-
exports["ɵda"] =
|
|
14988
|
-
exports["ɵdb"] =
|
|
14989
|
-
exports["ɵdc"] =
|
|
14990
|
-
exports["ɵdd"] =
|
|
14991
|
-
exports["ɵde"] =
|
|
14992
|
-
exports["ɵdf"] =
|
|
14993
|
-
exports["ɵdg"] = AlertsFactory;
|
|
14983
|
+
exports["ɵda"] = TimeAgoPipe;
|
|
14984
|
+
exports["ɵdb"] = CollapseDirective;
|
|
14985
|
+
exports["ɵdc"] = HidersDisablersFactory;
|
|
14986
|
+
exports["ɵdd"] = ExpressionRunner;
|
|
14987
|
+
exports["ɵde"] = DebugModeService;
|
|
14988
|
+
exports["ɵdf"] = AlertsFactory;
|
|
14994
14989
|
exports["ɵe"] = NumberInputModule;
|
|
14995
14990
|
exports["ɵf"] = NumberInputComponent;
|
|
14996
14991
|
exports["ɵg"] = InputModule;
|