@datarailsshared/datarailsshared 1.4.54 → 1.4.56
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/datarailsshared-datarailsshared.umd.js +119 -30
- package/bundles/datarailsshared-datarailsshared.umd.js.map +1 -1
- package/datarailsshared-datarailsshared-1.4.56.tgz +0 -0
- package/datarailsshared-datarailsshared.d.ts +1 -0
- package/datarailsshared-datarailsshared.metadata.json +1 -1
- package/esm2015/datarailsshared-datarailsshared.js +2 -1
- package/esm2015/lib/dr-dropdown/dr-dropdown.component.js +6 -2
- package/esm2015/lib/dr-dropdown/dr-dropdown.directive.js +21 -5
- package/esm2015/lib/dr-inputs/checkbox/checkbox.component.js +1 -1
- package/esm2015/lib/dr-inputs/date-pickers/dr-date-picker-with-timeframe/dr-date-picker-with-timeframe.component.js +11 -9
- package/esm2015/lib/dr-inputs/date-pickers/dr-date-picker_custom-header/dr-date-picker_custom-header.component.js +19 -4
- package/esm2015/lib/dr-inputs/date-pickers/dr-show-timeframe.pipe.js +12 -0
- package/esm2015/lib/dr-inputs/date-pickers/services/dr-date-picker.service.js +19 -3
- package/esm2015/lib/dr-inputs/dr-inputs.module.js +4 -2
- package/esm2015/lib/dr-inputs/radio-button/radio-button.component.js +12 -5
- package/esm2015/lib/models/datePicker.js +3 -1
- package/esm2015/lib/utils/dr-shared-utils.js +3 -1
- package/fesm2015/datarailsshared-datarailsshared.js +100 -24
- package/fesm2015/datarailsshared-datarailsshared.js.map +1 -1
- package/lib/dr-dropdown/dr-dropdown.component.d.ts +2 -0
- package/lib/dr-dropdown/dr-dropdown.directive.d.ts +2 -0
- package/lib/dr-inputs/date-pickers/dr-date-picker-with-timeframe/dr-date-picker-with-timeframe.component.d.ts +3 -1
- package/lib/dr-inputs/date-pickers/dr-date-picker_custom-header/dr-date-picker_custom-header.component.d.ts +2 -1
- package/lib/dr-inputs/date-pickers/dr-show-timeframe.pipe.d.ts +6 -0
- package/lib/dr-inputs/date-pickers/services/dr-date-picker.service.d.ts +2 -1
- package/lib/dr-inputs/radio-button/radio-button.component.d.ts +3 -1
- package/lib/models/datePicker.d.ts +4 -1
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.4.54.tgz +0 -0
|
@@ -4,9 +4,16 @@ export class RadioButtonComponent {
|
|
|
4
4
|
constructor(cdr) {
|
|
5
5
|
this.cdr = cdr;
|
|
6
6
|
this.valueChange = new EventEmitter();
|
|
7
|
+
this._disabled = false;
|
|
7
8
|
this.onChange = (onchanges => { });
|
|
8
9
|
this.onTouched = () => { };
|
|
9
10
|
}
|
|
11
|
+
get disabled() {
|
|
12
|
+
return this._disabled;
|
|
13
|
+
}
|
|
14
|
+
set disabled(disabled) {
|
|
15
|
+
this._disabled = disabled;
|
|
16
|
+
}
|
|
10
17
|
get value() {
|
|
11
18
|
return this._value;
|
|
12
19
|
}
|
|
@@ -40,7 +47,7 @@ export class RadioButtonComponent {
|
|
|
40
47
|
RadioButtonComponent.decorators = [
|
|
41
48
|
{ type: Component, args: [{
|
|
42
49
|
selector: 'dr-radio-button',
|
|
43
|
-
template: "<label>\n <input\n type=\"radio\"\n [name]=\"name\"\n [value]=\"value\"\n (change)=\"valueChanged(value)\"\n [(ngModel)]=\"modelValue\"\n (click)=\"toggleChange($event)\">\n <span>\n <ng-content></ng-content>\n </span>\n</label>\n",
|
|
50
|
+
template: "<label>\n <input\n type=\"radio\"\n [name]=\"name\"\n [value]=\"value\"\n (change)=\"valueChanged(value)\"\n [(ngModel)]=\"modelValue\"\n [disabled]=\"disabled\"\n (click)=\"toggleChange($event)\">\n <span>\n <ng-content></ng-content>\n </span>\n</label>\n",
|
|
44
51
|
providers: [
|
|
45
52
|
{
|
|
46
53
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -49,16 +56,16 @@ RadioButtonComponent.decorators = [
|
|
|
49
56
|
}
|
|
50
57
|
],
|
|
51
58
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
52
|
-
styles: [":host{display:flex;line-height:22px}label input[type=radio].radiobox+span{vertical-align:middle;line-height:20px}input+span,input+span:after,input+span:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input{visibility:hidden;position:absolute;width:18px;height:18px}label input+span{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}label input+span:hover{cursor:pointer}label input+span:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;height:12px;line-height:13px;width:12px;margin-right:5px;border:1px solid #8F929E;background-color:#fff;font-weight:normal;margin-top:-1px}label input+span:before{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}label input:checked+span:before,label:hover input:checked+span:before{
|
|
59
|
+
styles: [":host{display:flex;line-height:22px}label input[type=radio].radiobox+span{vertical-align:middle;line-height:20px}input+span,input+span:after,input+span:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input{visibility:hidden;position:absolute;width:18px;height:18px}label input+span{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}label input+span:hover{cursor:pointer}label input+span:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;height:12px;line-height:13px;width:12px;margin-right:5px;border:1px solid #8F929E;background-color:#fff;font-weight:normal;margin-top:-1px}label input+span:before{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}label input:checked+span:before,label:hover input:checked+span:before{font-family:\"DataRails\"!important;background-image:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"5\" cy=\"5\" r=\"4.5\" fill=\"%234646CE\"/></svg> ');background-repeat:no-repeat;background-position:center;border-color:#4646ce;color:#4646ce}label input:disabled+span:before{border-color:#8f929e}label input[disabled]:checked+span:before{background-image:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"5\" cy=\"5\" r=\"4.5\" fill=\"%238F929E\"/></svg> ');background-repeat:no-repeat;background-position:center;border-color:#8f929e!important;color:#8f929e}label span:hover:before{border-color:#4e566c}\n"]
|
|
53
60
|
},] }
|
|
54
61
|
];
|
|
55
62
|
RadioButtonComponent.ctorParameters = () => [
|
|
56
63
|
{ type: ChangeDetectorRef }
|
|
57
64
|
];
|
|
58
65
|
RadioButtonComponent.propDecorators = {
|
|
59
|
-
disabled: [{ type: Input }],
|
|
60
66
|
name: [{ type: Input }],
|
|
61
67
|
_value: [{ type: Input, args: ['value',] }],
|
|
62
|
-
valueChange: [{ type: Output }]
|
|
68
|
+
valueChange: [{ type: Output }],
|
|
69
|
+
disabled: [{ type: Input }]
|
|
63
70
|
};
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLWlucHV0cy9yYWRpby1idXR0b24vcmFkaW8tYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFBRSxNQUFNLEdBQ2QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBZXpFLE1BQU0sT0FBTyxvQkFBb0I7SUFzQi9CLFlBQW9CLEdBQXNCO1FBQXRCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBbkJoQyxnQkFBVyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBUXRELGNBQVMsR0FBWSxLQUFLLENBQUM7UUFRbkMsYUFBUSxHQUFRLENBQUMsU0FBUyxDQUFDLEVBQUUsR0FBRSxDQUFDLENBQUMsQ0FBQztRQUNsQyxjQUFTLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBRW1CLENBQUM7SUFsQjlDLElBQ0ksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBQ0QsSUFBSSxRQUFRLENBQUMsUUFBaUI7UUFDNUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxRQUFRLENBQUM7SUFDNUIsQ0FBQztJQUtELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBT0QsZ0JBQWdCLENBQUMsRUFBRTtRQUNqQixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBQ0QsaUJBQWlCLENBQUMsRUFBRTtRQUNsQixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBQ0QsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDeEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBQ0QsWUFBWSxDQUFDLEtBQUs7UUFDaEIsSUFBSSxLQUFLLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRTtZQUN4QixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7U0FDOUI7SUFDSCxDQUFDO0lBQ0QsWUFBWSxDQUFDLEtBQUs7UUFDaEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDL0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxRQUFRLENBQUMsSUFBWTtRQUNuQixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUNqQixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFDRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDOzs7WUEvREYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxpQkFBaUI7Z0JBQzNCLHlTQUE0QztnQkFFNUMsU0FBUyxFQUFFO29CQUNUO3dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7d0JBQzFCLFdBQVcsRUFBRSxvQkFBb0I7d0JBQ2pDLEtBQUssRUFBRSxJQUFJO3FCQUNaO2lCQUNGO2dCQUNELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRDs7O1lBbkJDLGlCQUFpQjs7O21CQXFCaEIsS0FBSztxQkFDTCxLQUFLLFNBQUMsT0FBTzswQkFDYixNQUFNO3VCQUNOLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCwgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZHItcmFkaW8tYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JhZGlvLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3JhZGlvLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBSYWRpb0J1dHRvbkNvbXBvbmVudCxcbiAgICAgIG11bHRpOiB0cnVlXG4gICAgfVxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUmFkaW9CdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZztcbiAgQElucHV0KCd2YWx1ZScpIF92YWx1ZTogYW55O1xuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBASW5wdXQoKVxuICBnZXQgZGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2Rpc2FibGVkO1xuICB9XG4gIHNldCBkaXNhYmxlZChkaXNhYmxlZDogYm9vbGVhbikge1xuICAgIHRoaXMuX2Rpc2FibGVkID0gZGlzYWJsZWQ7XG4gIH1cbiAgcHJpdmF0ZSBfZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBtb2RlbFZhbHVlOiBhbnk7XG5cbiAgZ2V0IHZhbHVlKCkge1xuICAgIHJldHVybiB0aGlzLl92YWx1ZTtcbiAgfVxuXG4gIG9uQ2hhbmdlOiBhbnkgPSAob25jaGFuZ2VzID0+IHt9KTtcbiAgb25Ub3VjaGVkOiBhbnkgPSAoKSA9PiB7fTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbikge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuICByZWdpc3Rlck9uVG91Y2hlZChmbikge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KSB7XG4gICAgdGhpcy5tb2RlbFZhbHVlID0gdmFsdWU7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cbiAgdG9nZ2xlQ2hhbmdlKGV2ZW50KSB7XG4gICAgaWYgKGV2ZW50LnRhcmdldC5jaGVja2VkKSB7XG4gICAgICB0aGlzLm1vZGVsVmFsdWUgPSB0aGlzLnZhbHVlO1xuICAgIH1cbiAgfVxuICB2YWx1ZUNoYW5nZWQoZXZlbnQpIHtcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMubW9kZWxWYWx1ZSk7XG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xuICB9XG5cbiAgX3NldE5hbWUobmFtZTogc3RyaW5nKSB7XG4gICAgdGhpcy5uYW1lID0gbmFtZTtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuICBfbWFya0ZvckNoZWNrKCkge1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG59XG4iXX0=
|
|
@@ -5,6 +5,7 @@ export var DateFromats;
|
|
|
5
5
|
DateFromats["YEAR_FORMAT"] = "yyyy";
|
|
6
6
|
DateFromats["MONTH_YEAR_FORMAT"] = "MM/yyyy";
|
|
7
7
|
DateFromats["QUARTER_FORMAT"] = "Q/yyyy";
|
|
8
|
+
DateFromats["WEEK_FORMAT"] = "W/yyyy";
|
|
8
9
|
})(DateFromats || (DateFromats = {}));
|
|
9
10
|
export class CustomDateFormat {
|
|
10
11
|
constructor() {
|
|
@@ -52,6 +53,7 @@ export var TimeframeOption;
|
|
|
52
53
|
TimeframeOption["DAY"] = "day";
|
|
53
54
|
TimeframeOption["MONTH"] = "month";
|
|
54
55
|
TimeframeOption["QUARTER"] = "quarter";
|
|
56
|
+
TimeframeOption["WEEK"] = "week";
|
|
55
57
|
TimeframeOption["YEAR"] = "year";
|
|
56
58
|
})(TimeframeOption || (TimeframeOption = {}));
|
|
57
59
|
export var CalendarView;
|
|
@@ -61,4 +63,4 @@ export var CalendarView;
|
|
|
61
63
|
CalendarView["FOR_QUARTERS"] = "none";
|
|
62
64
|
CalendarView["FOR_YEARS"] = "multi-year";
|
|
63
65
|
})(CalendarView || (CalendarView = {}));
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZVBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL21vZGVscy9kYXRlUGlja2VyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLFdBT1g7QUFQRCxXQUFZLFdBQVc7SUFDckIscURBQXNDLENBQUE7SUFDdEMsK0NBQWdDLENBQUE7SUFDaEMsbUNBQW9CLENBQUE7SUFDcEIsNENBQTZCLENBQUE7SUFDN0Isd0NBQXlCLENBQUE7SUFDekIscUNBQXNCLENBQUE7QUFDeEIsQ0FBQyxFQVBXLFdBQVcsS0FBWCxXQUFXLFFBT3RCO0FBWUQsTUFBTSxPQUFPLGdCQUFnQjtJQUE3QjtRQUNVLFdBQU0sR0FBYztZQUMxQixTQUFTLEVBQUUsV0FBVyxDQUFDLGlCQUFpQjtTQUN6QyxDQUFDO1FBQ00sYUFBUSxHQUFnQjtZQUM5QixTQUFTLEVBQUUsV0FBVyxDQUFDLGlCQUFpQjtZQUN4QyxjQUFjLEVBQUUsVUFBVTtZQUMxQixhQUFhLEVBQUUsSUFBSTtZQUNuQixrQkFBa0IsRUFBRSxVQUFVO1lBQzlCLGdCQUFnQixFQUFFLFFBQVE7WUFDMUIsU0FBUyxFQUFFLE1BQU07U0FDbEIsQ0FBQztJQXlCSixDQUFDO0lBdkJDLElBQUksS0FBSyxDQUFDLEtBQWdCO1FBQ3hCLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsQ0FBQztJQUN0RCxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxJQUFJLE9BQU8sQ0FBQyxPQUFvQjtRQUM5QixJQUFJLENBQUMsUUFBUSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsRUFBRSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDNUQsQ0FBQztJQUVELElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBZ0IsRUFBRSxPQUFxQjtRQUN0RCxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ1osT0FBTyxHQUFHLEtBQUssQ0FBQztTQUNqQjtRQUNELElBQUksQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO0lBQ3pCLENBQUM7Q0FDRjtBQVVELE1BQU0sQ0FBTixJQUFZLHdCQUtYO0FBTEQsV0FBWSx3QkFBd0I7SUFDbEMseUZBQWEsQ0FBQTtJQUNiLCtGQUFnQixDQUFBO0lBQ2hCLDZGQUFlLENBQUE7SUFDZiw2RUFBTyxDQUFBO0FBQ1QsQ0FBQyxFQUxXLHdCQUF3QixLQUF4Qix3QkFBd0IsUUFLbkM7QUFFRCxNQUFNLENBQU4sSUFBWSxlQU1YO0FBTkQsV0FBWSxlQUFlO0lBQ3pCLDhCQUFXLENBQUE7SUFDWCxrQ0FBZSxDQUFBO0lBQ2Ysc0NBQW1CLENBQUE7SUFDbkIsZ0NBQWEsQ0FBQTtJQUNiLGdDQUFhLENBQUE7QUFDZixDQUFDLEVBTlcsZUFBZSxLQUFmLGVBQWUsUUFNMUI7QUFFRCxNQUFNLENBQU4sSUFBWSxZQUtYO0FBTEQsV0FBWSxZQUFZO0lBQ3RCLGtDQUFrQixDQUFBO0lBQ2xCLG1DQUFtQixDQUFBO0lBQ25CLHFDQUFxQixDQUFBO0lBQ3JCLHdDQUF3QixDQUFBO0FBQzFCLENBQUMsRUFMVyxZQUFZLEtBQVosWUFBWSxRQUt2QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIERhdGVGcm9tYXRzIHtcbiAgTUFUX0RFRkFVTFRfREFURV9GT1JNQVQgPSAnTU0vREQveXl5eScsXG4gIERBVEVfSU5QVVRfRk9STUFUID0gJ1lZWVkvTU0vREQnLFxuICBZRUFSX0ZPUk1BVCA9ICd5eXl5JyxcbiAgTU9OVEhfWUVBUl9GT1JNQVQgPSAnTU0veXl5eScsXG4gIFFVQVJURVJfRk9STUFUID0gJ1EveXl5eScsXG4gIFdFRUtfRk9STUFUID0gJ1cveXl5eSdcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEYXRlUGFyc2UgeyBkYXRlSW5wdXQ6IHN0cmluZzsgfVxuXG5leHBvcnQgdHlwZSBEYXRlRGlzcGxheSA9IERhdGVQYXJzZSAmIHtcbiAgbW9udGhZZWFyTGFiZWw/OiBzdHJpbmcsXG4gIGRhdGVBMTF5TGFiZWw/OiBzdHJpbmcsXG4gIG1vbnRoWWVhckExMXlMYWJlbD86IHN0cmluZyxcbiAgcXVhcnRlclllYXJBMTF5TGFiZWw/OiBzdHJpbmcsXG4gIHllYXJMYWJlbD86IHN0cmluZyxcbiAgcXVhcnRlclllYXJMYWJlbD86IHN0cmluZ1xufTtcbmV4cG9ydCBjbGFzcyBDdXN0b21EYXRlRm9ybWF0IHtcbiAgcHJpdmF0ZSBfcGFyc2U6IERhdGVQYXJzZSA9IHtcbiAgICBkYXRlSW5wdXQ6IERhdGVGcm9tYXRzLkRBVEVfSU5QVVRfRk9STUFULFxuICB9O1xuICBwcml2YXRlIF9kaXNwbGF5OiBEYXRlRGlzcGxheSA9IHtcbiAgICBkYXRlSW5wdXQ6IERhdGVGcm9tYXRzLkRBVEVfSU5QVVRfRk9STUFULFxuICAgIG1vbnRoWWVhckxhYmVsOiAnTU1NIFlZWVknLFxuICAgIGRhdGVBMTF5TGFiZWw6ICdMTCcsXG4gICAgbW9udGhZZWFyQTExeUxhYmVsOiAnTU1NIFlZWVknLFxuICAgIHF1YXJ0ZXJZZWFyTGFiZWw6ICdRL1lZWVknLFxuICAgIHllYXJMYWJlbDogJ1lZWVknXG4gIH07XG5cbiAgc2V0IHBhcnNlKHBhcnNlOiBEYXRlUGFyc2UpIHtcbiAgICB0aGlzLl9wYXJzZSA9IE9iamVjdC5hc3NpZ24oe30sIHRoaXMuX3BhcnNlLCBwYXJzZSk7XG4gIH1cblxuICBnZXQgcGFyc2UoKTogRGF0ZVBhcnNlIHtcbiAgICByZXR1cm4gdGhpcy5fcGFyc2U7XG4gIH1cblxuICBzZXQgZGlzcGxheShkaXNwbGF5OiBEYXRlRGlzcGxheSkge1xuICAgIHRoaXMuX2Rpc3BsYXkgPSBPYmplY3QuYXNzaWduKHt9LCB0aGlzLl9kaXNwbGF5LCBkaXNwbGF5KTtcbiAgfVxuXG4gIGdldCBkaXNwbGF5KCk6IERhdGVEaXNwbGF5IHtcbiAgICByZXR1cm4gdGhpcy5fZGlzcGxheTtcbiAgfVxuXG4gIHVwZGF0ZURhdGVGb3JtYXQocGFyc2U6IERhdGVQYXJzZSwgZGlzcGxheT86IERhdGVEaXNwbGF5KSB7XG4gICAgdGhpcy5wYXJzZSA9IHBhcnNlO1xuICAgIGlmICghZGlzcGxheSkge1xuICAgICAgZGlzcGxheSA9IHBhcnNlO1xuICAgIH1cbiAgICB0aGlzLmRpc3BsYXkgPSBkaXNwbGF5O1xuICB9XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSURhdGVQaWNrZXJGb3JtYXRDb25maWcge1xuICBkYXk/OiBzdHJpbmc7XG4gIG1vbnRoPzogc3RyaW5nO1xuICB5ZWFyPzogc3RyaW5nO1xuICBxdWFydGVyPzogc3RyaW5nO1xuICB3ZWVrPzogc3RyaW5nO1xufVxuXG5leHBvcnQgZW51bSBEYXRlUGlja2VyUGVyaW9kUG9zaXRpb24ge1xuICBFTkRfT0ZfUEVSSU9ELFxuICBNSURETEVfT0ZfUEVSSU9ELFxuICBTVEFSVF9PRl9QRVJJT0QsXG4gIERFRkFVTFRcbn1cblxuZXhwb3J0IGVudW0gVGltZWZyYW1lT3B0aW9uIHtcbiAgREFZID0gJ2RheScsXG4gIE1PTlRIID0gJ21vbnRoJyxcbiAgUVVBUlRFUiA9ICdxdWFydGVyJyxcbiAgV0VFSyA9ICd3ZWVrJyxcbiAgWUVBUiA9ICd5ZWFyJyxcbn1cblxuZXhwb3J0IGVudW0gQ2FsZW5kYXJWaWV3IHtcbiAgRk9SX0RBWVMgPSAnbW9udGgnLFxuICBGT1JfTU9OVEhTID0gJ3llYXInLFxuICBGT1JfUVVBUlRFUlMgPSAnbm9uZScsXG4gIEZPUl9ZRUFSUyA9ICdtdWx0aS15ZWFyJyxcbn1cblxuZXhwb3J0IHR5cGUgVFRpbWVmcmFtZU9wdGlvbiA9IFRpbWVmcmFtZU9wdGlvbjtcbmV4cG9ydCB0eXBlIFRDYWxlbmRhclZpZXcgPSBDYWxlbmRhclZpZXc7XG4iXX0=
|
|
@@ -15,6 +15,8 @@ export class DrSharedUtils {
|
|
|
15
15
|
return TimeframeOption.QUARTER;
|
|
16
16
|
case lowerCaseFormat.includes('d'):
|
|
17
17
|
return TimeframeOption.DAY;
|
|
18
|
+
case lowerCaseFormat.includes('w'):
|
|
19
|
+
return TimeframeOption.WEEK;
|
|
18
20
|
case lowerCaseFormat.includes('m'):
|
|
19
21
|
return TimeframeOption.MONTH;
|
|
20
22
|
case lowerCaseFormat.includes('y'):
|
|
@@ -24,4 +26,4 @@ export class DrSharedUtils {
|
|
|
24
26
|
}
|
|
25
27
|
}
|
|
26
28
|
}
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItc2hhcmVkLXV0aWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvdXRpbHMvZHItc2hhcmVkLXV0aWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUV2RCxNQUFNLE9BQU8sYUFBYTtJQUN4Qjs7O09BR0c7SUFDSSxNQUFNLENBQUMsd0JBQXdCLENBQUMsTUFBYztRQUNuRCxNQUFNLFlBQVksR0FBRyxlQUFlLENBQUMsR0FBRyxDQUFDO1FBRXpDLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDWCxPQUFPLFlBQVksQ0FBQztTQUNyQjtRQUVELE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUM3QyxRQUFRLElBQUksRUFBRTtZQUNaLEtBQUssZUFBZSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUM7Z0JBQ2hDLE9BQU8sZUFBZSxDQUFDLE9BQU8sQ0FBQztZQUNqQyxLQUFLLGVBQWUsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDO2dCQUNoQyxPQUFPLGVBQWUsQ0FBQyxHQUFHLENBQUM7WUFDN0IsS0FBSyxlQUFlLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQztnQkFDaEMsT0FBTyxlQUFlLENBQUMsSUFBSSxDQUFDO1lBQzlCLEtBQUssZUFBZSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUM7Z0JBQ2hDLE9BQU8sZUFBZSxDQUFDLEtBQUssQ0FBQztZQUMvQixLQUFLLGVBQWUsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDO2dCQUNoQyxPQUFPLGVBQWUsQ0FBQyxJQUFJLENBQUM7WUFDOUI7Z0JBQ0UsT0FBTyxZQUFZLENBQUM7U0FDdkI7SUFDSCxDQUFDO0NBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUaW1lZnJhbWVPcHRpb24gfSBmcm9tICcuLi9tb2RlbHMvZGF0ZVBpY2tlcic7XG5cbmV4cG9ydCBjbGFzcyBEclNoYXJlZFV0aWxzIHtcbiAgLyoqXG4gICAqIEdldCB0aW1lZnJhbWUgKGRheSwgeWVhciwgbW9udGgsIHF1YXJ0ZXIpIGJhc2VkIG9uIHBhc3NlZCBmb3JtYXRcbiAgICogQHBhcmFtIGZvcm1hdCAtIGRhdGUgZm9ybWF0IHN0cmluZy4gRXhhbXBsZXM6IE1NL0REL1lZWVksIFEvWVlZWVxuICAgKi9cbiAgcHVibGljIHN0YXRpYyBnZXRUaW1lZnJhbWVCeURhdGVGb3JtYXQoZm9ybWF0OiBzdHJpbmcpOiBUaW1lZnJhbWVPcHRpb24ge1xuICAgIGNvbnN0IGRlZmF1bHRGcmFtZSA9IFRpbWVmcmFtZU9wdGlvbi5EQVk7XG5cbiAgICBpZiAoIWZvcm1hdCkge1xuICAgICAgcmV0dXJuIGRlZmF1bHRGcmFtZTtcbiAgICB9XG5cbiAgICBjb25zdCBsb3dlckNhc2VGb3JtYXQgPSBmb3JtYXQudG9Mb3dlckNhc2UoKTtcbiAgICBzd2l0Y2ggKHRydWUpIHtcbiAgICAgIGNhc2UgbG93ZXJDYXNlRm9ybWF0LmluY2x1ZGVzKCdxJyk6XG4gICAgICAgIHJldHVybiBUaW1lZnJhbWVPcHRpb24uUVVBUlRFUjtcbiAgICAgIGNhc2UgbG93ZXJDYXNlRm9ybWF0LmluY2x1ZGVzKCdkJyk6XG4gICAgICAgIHJldHVybiBUaW1lZnJhbWVPcHRpb24uREFZO1xuICAgICAgY2FzZSBsb3dlckNhc2VGb3JtYXQuaW5jbHVkZXMoJ3cnKTpcbiAgICAgICAgcmV0dXJuIFRpbWVmcmFtZU9wdGlvbi5XRUVLO1xuICAgICAgY2FzZSBsb3dlckNhc2VGb3JtYXQuaW5jbHVkZXMoJ20nKTpcbiAgICAgICAgcmV0dXJuIFRpbWVmcmFtZU9wdGlvbi5NT05USDtcbiAgICAgIGNhc2UgbG93ZXJDYXNlRm9ybWF0LmluY2x1ZGVzKCd5Jyk6XG4gICAgICAgIHJldHVybiBUaW1lZnJhbWVPcHRpb24uWUVBUjtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiBkZWZhdWx0RnJhbWU7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -786,9 +786,16 @@ class RadioButtonComponent {
|
|
|
786
786
|
constructor(cdr) {
|
|
787
787
|
this.cdr = cdr;
|
|
788
788
|
this.valueChange = new EventEmitter();
|
|
789
|
+
this._disabled = false;
|
|
789
790
|
this.onChange = (onchanges => { });
|
|
790
791
|
this.onTouched = () => { };
|
|
791
792
|
}
|
|
793
|
+
get disabled() {
|
|
794
|
+
return this._disabled;
|
|
795
|
+
}
|
|
796
|
+
set disabled(disabled) {
|
|
797
|
+
this._disabled = disabled;
|
|
798
|
+
}
|
|
792
799
|
get value() {
|
|
793
800
|
return this._value;
|
|
794
801
|
}
|
|
@@ -822,7 +829,7 @@ class RadioButtonComponent {
|
|
|
822
829
|
RadioButtonComponent.decorators = [
|
|
823
830
|
{ type: Component, args: [{
|
|
824
831
|
selector: 'dr-radio-button',
|
|
825
|
-
template: "<label>\n <input\n type=\"radio\"\n [name]=\"name\"\n [value]=\"value\"\n (change)=\"valueChanged(value)\"\n [(ngModel)]=\"modelValue\"\n (click)=\"toggleChange($event)\">\n <span>\n <ng-content></ng-content>\n </span>\n</label>\n",
|
|
832
|
+
template: "<label>\n <input\n type=\"radio\"\n [name]=\"name\"\n [value]=\"value\"\n (change)=\"valueChanged(value)\"\n [(ngModel)]=\"modelValue\"\n [disabled]=\"disabled\"\n (click)=\"toggleChange($event)\">\n <span>\n <ng-content></ng-content>\n </span>\n</label>\n",
|
|
826
833
|
providers: [
|
|
827
834
|
{
|
|
828
835
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -831,17 +838,17 @@ RadioButtonComponent.decorators = [
|
|
|
831
838
|
}
|
|
832
839
|
],
|
|
833
840
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
834
|
-
styles: [":host{display:flex;line-height:22px}label input[type=radio].radiobox+span{vertical-align:middle;line-height:20px}input+span,input+span:after,input+span:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input{visibility:hidden;position:absolute;width:18px;height:18px}label input+span{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}label input+span:hover{cursor:pointer}label input+span:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;height:12px;line-height:13px;width:12px;margin-right:5px;border:1px solid #8F929E;background-color:#fff;font-weight:normal;margin-top:-1px}label input+span:before{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}label input:checked+span:before,label:hover input:checked+span:before{
|
|
841
|
+
styles: [":host{display:flex;line-height:22px}label input[type=radio].radiobox+span{vertical-align:middle;line-height:20px}input+span,input+span:after,input+span:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input{visibility:hidden;position:absolute;width:18px;height:18px}label input+span{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}label input+span:hover{cursor:pointer}label input+span:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;height:12px;line-height:13px;width:12px;margin-right:5px;border:1px solid #8F929E;background-color:#fff;font-weight:normal;margin-top:-1px}label input+span:before{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}label input:checked+span:before,label:hover input:checked+span:before{font-family:\"DataRails\"!important;background-image:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"5\" cy=\"5\" r=\"4.5\" fill=\"%234646CE\"/></svg> ');background-repeat:no-repeat;background-position:center;border-color:#4646ce;color:#4646ce}label input:disabled+span:before{border-color:#8f929e}label input[disabled]:checked+span:before{background-image:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"5\" cy=\"5\" r=\"4.5\" fill=\"%238F929E\"/></svg> ');background-repeat:no-repeat;background-position:center;border-color:#8f929e!important;color:#8f929e}label span:hover:before{border-color:#4e566c}\n"]
|
|
835
842
|
},] }
|
|
836
843
|
];
|
|
837
844
|
RadioButtonComponent.ctorParameters = () => [
|
|
838
845
|
{ type: ChangeDetectorRef }
|
|
839
846
|
];
|
|
840
847
|
RadioButtonComponent.propDecorators = {
|
|
841
|
-
disabled: [{ type: Input }],
|
|
842
848
|
name: [{ type: Input }],
|
|
843
849
|
_value: [{ type: Input, args: ['value',] }],
|
|
844
|
-
valueChange: [{ type: Output }]
|
|
850
|
+
valueChange: [{ type: Output }],
|
|
851
|
+
disabled: [{ type: Input }]
|
|
845
852
|
};
|
|
846
853
|
|
|
847
854
|
class RadioGroupComponent {
|
|
@@ -1048,7 +1055,7 @@ CheckboxComponent.decorators = [
|
|
|
1048
1055
|
{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }
|
|
1049
1056
|
],
|
|
1050
1057
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1051
|
-
styles: ["input+span{vertical-align:middle;line-height:30px}input+span,input+span:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input{visibility:hidden;position:absolute;width:0}label input+span{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}label input+span:hover{cursor:pointer}label input+span:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;min-height:12px;line-height:12px;min-width:12px;margin-right:5px;border:1.5px solid #8F929E;background-color:#fff;font-weight:normal;margin-top:-1px}label input+span:before,label:hover input+span:before{background-color:#fff;border-color:#8f929e;color:#4646ce;border-radius:2px}label input:checked+span:before,label:hover input:checked+span:before{content:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>');background:#4646CE;border-color:#4646ce;color:#fff}label input:checked+span.cross:before,label:hover input:checked+span.cross:before{content:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}label input+span.indeterminate:before,label:hover input+span.indeterminate:before{content:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>');background:#4646CE;border-color:#4646ce;color:#fff}label input:disabled+span:before{border-color:#dfe0e3;pointer-events:none}label input[disabled]:checked+span:before{background:#8F929E;border-color:#8f929e;pointer-events:none}label input:not([disabled])+span:hover:after{content:\"\";width:28px;height:28px;background:#F2F2FB;border-radius:50%;position:absolute;left:-6px;top:-5px;z-index:-1}\n"]
|
|
1058
|
+
styles: ["input+span{vertical-align:middle;line-height:30px}input+span,input+span:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input{visibility:hidden;position:absolute;width:0}label input+span{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}label input+span:hover{cursor:pointer}label input+span:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;min-height:12px;line-height:12px;min-width:12px;margin-right:5px;border:1.5px solid #8F929E;background-color:#fff;font-weight:normal;margin-top:-1px}label input+span:before,label:hover input+span:before{background-color:#fff;border-color:#8f929e;color:#4646ce;border-radius:2px}label input:checked+span:before,label:hover input:checked+span:before{content:url('data:image/svg+xml; utf8, <svg width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path d=\"M1 5L4.5 8.5L11 1.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/> </svg>');background:#4646CE;border-color:#4646ce;color:#fff}label input:checked+span.cross:before,label:hover input:checked+span.cross:before{content:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.91786 4.99992L9.03356 1.88386C9.11927 1.79808 9.16654 1.68365 9.16668 1.56162C9.16668 1.43952 9.1194 1.32495 9.03356 1.23931L8.7605 0.966323C8.67466 0.880342 8.56026 0.833252 8.43811 0.833252C8.31615 0.833252 8.20169 0.880342 8.11585 0.966323L5.00016 4.08218L1.88431 0.966323C1.79861 0.880342 1.68407 0.833252 1.56199 0.833252C1.44004 0.833252 1.32559 0.880342 1.23988 0.966323L0.966677 1.23931C0.788899 1.4171 0.788899 1.70628 0.966677 1.88386L4.08245 4.99992L0.966677 8.11584C0.880904 8.20175 0.833707 8.31619 0.833707 8.43822C0.833707 8.56025 0.880904 8.67468 0.966677 8.76053L1.23981 9.03351C1.32551 9.11943 1.44003 9.16658 1.56191 9.16658C1.684 9.16658 1.79853 9.11943 1.88424 9.03351L5.00008 5.91759L8.11578 9.03351C8.20162 9.11943 8.31608 9.16658 8.43803 9.16658C8.56005 9.16658 8.67459 9.11943 8.76043 9.03351L9.03349 8.76053C9.11919 8.67475 9.16646 8.56025 9.16646 8.43822C9.16646 8.31619 9.11919 8.20175 9.03349 8.11591L5.91786 4.99992Z\" fill=\"white\"/></svg>')}label input+span.indeterminate:before,label:hover input+span.indeterminate:before{content:url('data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 2\" fill=\"none\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25L11 0.250001C11.4142 0.250001 11.75 0.585787 11.75 1C11.75 1.41421 11.4142 1.75 11 1.75L1 1.75C0.585786 1.75 0.25 1.41421 0.25 1Z\" fill=\"white\"/></svg>');background:#4646CE;border-color:#4646ce;color:#fff}label input:disabled+span{color:#8f929e}label input:disabled+span:before{border-color:#dfe0e3;pointer-events:none}label input[disabled]:checked+span:before{background:#8F929E;border-color:#8f929e;pointer-events:none}label input:not([disabled])+span:hover:after{content:\"\";width:28px;height:28px;background:#F2F2FB;border-radius:50%;position:absolute;left:-6px;top:-5px;z-index:-1}\n"]
|
|
1052
1059
|
},] }
|
|
1053
1060
|
];
|
|
1054
1061
|
CheckboxComponent.ctorParameters = () => [
|
|
@@ -2235,6 +2242,7 @@ class DrDropdownComponent {
|
|
|
2235
2242
|
this.menuService = menuService;
|
|
2236
2243
|
this.cdr = cdr;
|
|
2237
2244
|
this.position = 'left';
|
|
2245
|
+
this.wasHovered = false;
|
|
2238
2246
|
}
|
|
2239
2247
|
set options(data) {
|
|
2240
2248
|
if (data) {
|
|
@@ -2256,6 +2264,9 @@ class DrDropdownComponent {
|
|
|
2256
2264
|
this.cdr.markForCheck();
|
|
2257
2265
|
}
|
|
2258
2266
|
}
|
|
2267
|
+
onMouseEnter() {
|
|
2268
|
+
this.wasHovered = true;
|
|
2269
|
+
}
|
|
2259
2270
|
onMouseLeave() {
|
|
2260
2271
|
if (this.drDropdownInHover)
|
|
2261
2272
|
this.menuService.destroy();
|
|
@@ -2323,7 +2334,7 @@ class DrDropdownComponent {
|
|
|
2323
2334
|
DrDropdownComponent.decorators = [
|
|
2324
2335
|
{ type: Component, args: [{
|
|
2325
2336
|
selector: 'dr-dropdown',
|
|
2326
|
-
template: "<div #menuContainer\n (mouseleave)=\"onMouseLeave()\"\n (clickOutside)=\"onClickedOutside()\"\n [drDropdownPosition]=\"option\"\n #dropdownPosition=\"dropdownPosition\"\n [position]=\"position\"\n [class]=\"containerClass\"\n class=\"dr-dropdown\">\n <div class=\"dr-dropdown__container\">\n <div *ngFor=\"let act of list | drDropdownItemShowPipe\"\n (click)=\"action(act)\"\n [drTooltip]=\"tooltipToShow(act)\"\n [drTooltipPosition]=\"tooltipPosition(dropdownPosition.widthMoreRight)\"\n [drTooltipOptions]=\"{ withoutArrow: true }\"\n [drTooltipClass]=\"'dr-dropdown__tooltip'\"\n class=\"dr-dropdown__container__item\"\n [class.item-disabled]=\"disabled(act)\"\n [class.item-selected]=\"selected(act)\"\n [class.separate-line]=\"act.separateLine\">\n <i *ngIf=\"act.icon\" [class]=\"act.icon\"></i>\n <span class=\"dr-dropdown__container__item__text\">{{act.title}}</span>\n <i *ngFor=\"let actionIcon of act.actionIcons\"\n [class]=\"actionIcon.icon\"\n [class.showOnHover]=\"actionIcon.showOnHover\"\n (click)=\"onActionIconClick($event, actionIcon, act.data)\"></i>\n <i *ngIf=\"act.children?.length\" class=\"dr-icon-arrow-right\"></i>\n <dr-dropdown *ngIf=\"act.children?.length\" [options]=\"act.childOptions\"></dr-dropdown>\n </div>\n </div>\n</div>\n",
|
|
2337
|
+
template: "<div #menuContainer\n (mouseleave)=\"onMouseLeave()\"\n (mouseenter)=\"onMouseEnter()\"\n (clickOutside)=\"onClickedOutside()\"\n [drDropdownPosition]=\"option\"\n #dropdownPosition=\"dropdownPosition\"\n [position]=\"position\"\n [class]=\"containerClass\"\n class=\"dr-dropdown\">\n <div class=\"dr-dropdown__container\">\n <div *ngFor=\"let act of list | drDropdownItemShowPipe\"\n (click)=\"action(act)\"\n [drTooltip]=\"tooltipToShow(act)\"\n [drTooltipPosition]=\"tooltipPosition(dropdownPosition.widthMoreRight)\"\n [drTooltipOptions]=\"{ withoutArrow: true }\"\n [drTooltipClass]=\"'dr-dropdown__tooltip'\"\n class=\"dr-dropdown__container__item\"\n [class.item-disabled]=\"disabled(act)\"\n [class.item-selected]=\"selected(act)\"\n [class.separate-line]=\"act.separateLine\">\n <i *ngIf=\"act.icon\" [class]=\"act.icon\"></i>\n <span class=\"dr-dropdown__container__item__text\">{{act.title}}</span>\n <i *ngFor=\"let actionIcon of act.actionIcons\"\n [class]=\"actionIcon.icon\"\n [class.showOnHover]=\"actionIcon.showOnHover\"\n (click)=\"onActionIconClick($event, actionIcon, act.data)\"></i>\n <i *ngIf=\"act.children?.length\" class=\"dr-icon-arrow-right\"></i>\n <dr-dropdown *ngIf=\"act.children?.length\" [options]=\"act.childOptions\"></dr-dropdown>\n </div>\n </div>\n</div>\n",
|
|
2327
2338
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2328
2339
|
styles: ["::ng-deep .dr-dropdown__container__item .dr-dropdown{visibility:hidden;transition-delay:.2s}::ng-deep .dr-dropdown__container__item:hover>*>.dr-dropdown{visibility:visible;transition-delay:0s}::ng-deep .dr-dropdown__tooltip>.default-content{max-width:300px;white-space:normal!important}.dr-dropdown{position:absolute;z-index:-1;top:0;left:0;width:auto}.dr-dropdown__container{display:flex;flex-direction:column;background:#fff;border-radius:4px;box-shadow:0 4px 8px 1px #00000040;padding:8px 0;overflow-y:auto;max-height:60vh}.dr-dropdown__container__item{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;min-width:15rem;font-style:normal;font-weight:400;font-size:14px;line-height:24px;clear:both;width:100%;white-space:nowrap;padding:0 12px;height:36px;flex-shrink:0}.dr-dropdown__container__item.separate-line{border-top:1px solid #BCBCBC}.dr-dropdown__container__item:hover{background-color:#f9faff}.dr-dropdown__container__item:hover .showOnHover{visibility:visible}.dr-dropdown__container__item.item-selected{background:#F3F7FF}.dr-dropdown__container__item.item-disabled,.dr-dropdown__container__item.item-disabled i,.dr-dropdown__container__item.item-disabled .dr-dropdown__container__item__text{color:#bcbcbc}.dr-dropdown__container__item i:first-child{margin-right:8px}.dr-dropdown__container__item__text{margin-right:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dr-dropdown__container__item i,.dr-dropdown__container__item__text{color:#151b3f}.dr-dropdown__container__item i{color:#4e566c}.dr-dropdown__container__item i:hover{color:#4646ce}.dr-dropdown__container__item .showOnHover{visibility:hidden}.dr-dropdown.content-top{transform:translate(-50%,-100%)}.dr-dropdown.content-top-left{transform:translate(-100%,-100%)}.dr-dropdown.content-bottom{transform:translate(-50%,50%)}.dr-dropdown.content-bottom-left{transform:translate(-90%,35%)}.dr-dropdown.content-bottom-right{transform:translateY(15%)}.dr-dropdown.content-left{transform:translate(-100%)}.dr-dropdown.content-left-center{transform:translate(-100%,-50%)}.dr-dropdown.content-right{transform:translate(5%)}\n"]
|
|
2329
2340
|
},] }
|
|
@@ -2346,6 +2357,7 @@ class DrDropdownDirective {
|
|
|
2346
2357
|
this.el = el;
|
|
2347
2358
|
this._document = _document;
|
|
2348
2359
|
this.position = 'left';
|
|
2360
|
+
this.mouseleaveTimeout = 200;
|
|
2349
2361
|
}
|
|
2350
2362
|
elementHover() {
|
|
2351
2363
|
if (!this.drDropdownInHover)
|
|
@@ -2355,6 +2367,16 @@ class DrDropdownDirective {
|
|
|
2355
2367
|
elementClick() {
|
|
2356
2368
|
this.openDropdown();
|
|
2357
2369
|
}
|
|
2370
|
+
leaveDropdownTriggerElement() {
|
|
2371
|
+
if (this.drDropdownInHover) {
|
|
2372
|
+
setTimeout(_ => {
|
|
2373
|
+
if (this.contentCmpRef && !this.contentCmpRef.instance.wasHovered) {
|
|
2374
|
+
this.contentCmpRef.destroy();
|
|
2375
|
+
this.contentCmpRef = null;
|
|
2376
|
+
}
|
|
2377
|
+
}, this.mouseleaveTimeout);
|
|
2378
|
+
}
|
|
2379
|
+
}
|
|
2358
2380
|
documentClick(e) {
|
|
2359
2381
|
this.closeDropdown(e);
|
|
2360
2382
|
}
|
|
@@ -2377,12 +2399,16 @@ class DrDropdownDirective {
|
|
|
2377
2399
|
}
|
|
2378
2400
|
}
|
|
2379
2401
|
closeDropdown(e) {
|
|
2380
|
-
|
|
2381
|
-
if (menuItem.contains('dr-dropdown__container__item') || menuItem.contains('dr-dropdown__container__item__text')) {
|
|
2402
|
+
if (!this.contentCmpRef) {
|
|
2382
2403
|
return;
|
|
2383
2404
|
}
|
|
2384
|
-
const
|
|
2385
|
-
|
|
2405
|
+
const clickTarget = e.target;
|
|
2406
|
+
const triggerElement = this.el.nativeElement;
|
|
2407
|
+
const dropdownElement = this.contentCmpRef.location.nativeElement;
|
|
2408
|
+
const isClickTriggerElement = triggerElement.contains(clickTarget) || triggerElement === clickTarget;
|
|
2409
|
+
const isClickDropdownContents = dropdownElement.contains(clickTarget);
|
|
2410
|
+
if (!isClickTriggerElement && !isClickDropdownContents) {
|
|
2411
|
+
const elems = this._document.querySelectorAll('dr-dropdown');
|
|
2386
2412
|
setTimeout(() => elems.forEach(item => item.remove()), 100);
|
|
2387
2413
|
}
|
|
2388
2414
|
}
|
|
@@ -2420,6 +2446,7 @@ DrDropdownDirective.propDecorators = {
|
|
|
2420
2446
|
contentCmpRef: [{ type: ViewChild, args: [DrDropdownComponent, { static: true, read: ViewContainerRef },] }],
|
|
2421
2447
|
elementHover: [{ type: HostListener, args: ['mouseenter',] }],
|
|
2422
2448
|
elementClick: [{ type: HostListener, args: ['click',] }],
|
|
2449
|
+
leaveDropdownTriggerElement: [{ type: HostListener, args: ['mouseleave',] }],
|
|
2423
2450
|
documentClick: [{ type: HostListener, args: ['document:mouseup', ['$event'],] }]
|
|
2424
2451
|
};
|
|
2425
2452
|
|
|
@@ -2906,6 +2933,7 @@ var DateFromats;
|
|
|
2906
2933
|
DateFromats["YEAR_FORMAT"] = "yyyy";
|
|
2907
2934
|
DateFromats["MONTH_YEAR_FORMAT"] = "MM/yyyy";
|
|
2908
2935
|
DateFromats["QUARTER_FORMAT"] = "Q/yyyy";
|
|
2936
|
+
DateFromats["WEEK_FORMAT"] = "W/yyyy";
|
|
2909
2937
|
})(DateFromats || (DateFromats = {}));
|
|
2910
2938
|
class CustomDateFormat {
|
|
2911
2939
|
constructor() {
|
|
@@ -2953,6 +2981,7 @@ var TimeframeOption;
|
|
|
2953
2981
|
TimeframeOption["DAY"] = "day";
|
|
2954
2982
|
TimeframeOption["MONTH"] = "month";
|
|
2955
2983
|
TimeframeOption["QUARTER"] = "quarter";
|
|
2984
|
+
TimeframeOption["WEEK"] = "week";
|
|
2956
2985
|
TimeframeOption["YEAR"] = "year";
|
|
2957
2986
|
})(TimeframeOption || (TimeframeOption = {}));
|
|
2958
2987
|
var CalendarView;
|
|
@@ -3050,6 +3079,8 @@ class DrSharedUtils {
|
|
|
3050
3079
|
return TimeframeOption.QUARTER;
|
|
3051
3080
|
case lowerCaseFormat.includes('d'):
|
|
3052
3081
|
return TimeframeOption.DAY;
|
|
3082
|
+
case lowerCaseFormat.includes('w'):
|
|
3083
|
+
return TimeframeOption.WEEK;
|
|
3053
3084
|
case lowerCaseFormat.includes('m'):
|
|
3054
3085
|
return TimeframeOption.MONTH;
|
|
3055
3086
|
case lowerCaseFormat.includes('y'):
|
|
@@ -3066,15 +3097,31 @@ class DrDatePickerService {
|
|
|
3066
3097
|
this.timeframe = TimeframeOption.DAY;
|
|
3067
3098
|
this.format$ = new BehaviorSubject(DateFromats.MAT_DEFAULT_DATE_FORMAT);
|
|
3068
3099
|
this.updatedQuarter$ = new Subject();
|
|
3100
|
+
this.availableTimeframes = [
|
|
3101
|
+
TimeframeOption.DAY,
|
|
3102
|
+
TimeframeOption.WEEK,
|
|
3103
|
+
TimeframeOption.MONTH,
|
|
3104
|
+
TimeframeOption.QUARTER,
|
|
3105
|
+
TimeframeOption.YEAR
|
|
3106
|
+
];
|
|
3069
3107
|
this.formatConfig = {
|
|
3070
3108
|
day: DateFromats.MAT_DEFAULT_DATE_FORMAT,
|
|
3071
3109
|
month: DateFromats.MONTH_YEAR_FORMAT,
|
|
3072
3110
|
year: DateFromats.YEAR_FORMAT,
|
|
3073
3111
|
quarter: DateFromats.QUARTER_FORMAT,
|
|
3112
|
+
week: DateFromats.WEEK_FORMAT
|
|
3074
3113
|
};
|
|
3075
3114
|
}
|
|
3076
|
-
|
|
3077
|
-
|
|
3115
|
+
getDisplayPrefix() {
|
|
3116
|
+
const formatCached = this.format$.getValue();
|
|
3117
|
+
switch (true) {
|
|
3118
|
+
case formatCached === null || formatCached === void 0 ? void 0 : formatCached.includes('Q'):
|
|
3119
|
+
return 'Q';
|
|
3120
|
+
case formatCached === null || formatCached === void 0 ? void 0 : formatCached.includes('W'):
|
|
3121
|
+
return 'W';
|
|
3122
|
+
default:
|
|
3123
|
+
return '';
|
|
3124
|
+
}
|
|
3078
3125
|
}
|
|
3079
3126
|
getTimeframe(format) {
|
|
3080
3127
|
return DrSharedUtils.getTimeframeByDateFormat(format);
|
|
@@ -3107,6 +3154,7 @@ class DrDatePickerCustomHeaderComponent {
|
|
|
3107
3154
|
this.quarters = [1, 2, 3, 4];
|
|
3108
3155
|
this.selectedQuarter = 1;
|
|
3109
3156
|
this.timeframeOptions = [{
|
|
3157
|
+
timeframe: TimeframeOption.DAY,
|
|
3110
3158
|
title: 'Day',
|
|
3111
3159
|
value: CalendarView.FOR_DAYS,
|
|
3112
3160
|
format: this.datePickerService.formatConfig.day,
|
|
@@ -3114,16 +3162,27 @@ class DrDatePickerCustomHeaderComponent {
|
|
|
3114
3162
|
.format(this._calendar.activeDate, this._dateFormats.display.monthYearLabel)
|
|
3115
3163
|
.toLocaleUpperCase()
|
|
3116
3164
|
}, {
|
|
3165
|
+
timeframe: TimeframeOption.WEEK,
|
|
3166
|
+
title: 'Week',
|
|
3167
|
+
value: CalendarView.FOR_DAYS,
|
|
3168
|
+
format: this.datePickerService.formatConfig.week,
|
|
3169
|
+
periodLabel: () => this._dateAdapter
|
|
3170
|
+
.format(this._calendar.activeDate, this._dateFormats.display.monthYearLabel)
|
|
3171
|
+
.toLocaleUpperCase()
|
|
3172
|
+
}, {
|
|
3173
|
+
timeframe: TimeframeOption.MONTH,
|
|
3117
3174
|
title: 'Month',
|
|
3118
3175
|
value: CalendarView.FOR_MONTHS,
|
|
3119
3176
|
format: this.datePickerService.formatConfig.month,
|
|
3120
3177
|
periodLabel: () => String(moment$1(this._calendar.activeDate).year())
|
|
3121
3178
|
}, {
|
|
3179
|
+
timeframe: TimeframeOption.QUARTER,
|
|
3122
3180
|
title: 'Quarter',
|
|
3123
3181
|
value: CalendarView.FOR_QUARTERS,
|
|
3124
3182
|
format: this.datePickerService.formatConfig.quarter,
|
|
3125
3183
|
periodLabel: () => String(moment$1(this._calendar.activeDate).year())
|
|
3126
3184
|
}, {
|
|
3185
|
+
timeframe: TimeframeOption.YEAR,
|
|
3127
3186
|
title: 'Year',
|
|
3128
3187
|
value: CalendarView.FOR_YEARS,
|
|
3129
3188
|
format: this.datePickerService.formatConfig.year,
|
|
@@ -3151,6 +3210,9 @@ class DrDatePickerCustomHeaderComponent {
|
|
|
3151
3210
|
this.selectedTimeframe = this.timeframeOptions.filter(option => option.format == value)[0].value;
|
|
3152
3211
|
_calendar.currentView = this.selectedTimeframe;
|
|
3153
3212
|
this.setPeriodLabels();
|
|
3213
|
+
if (this.selectedTimeframe === CalendarView.FOR_QUARTERS) {
|
|
3214
|
+
this.selectedQuarter = moment$1(this._calendar.activeDate).quarter();
|
|
3215
|
+
}
|
|
3154
3216
|
});
|
|
3155
3217
|
_calendar.viewChanged.pipe(takeUntil(this._destroyed)).subscribe(() => this.setPeriodLabels());
|
|
3156
3218
|
}
|
|
@@ -3161,7 +3223,7 @@ class DrDatePickerCustomHeaderComponent {
|
|
|
3161
3223
|
setPeriodLabels() {
|
|
3162
3224
|
const currentTimeframeOption = this.timeframeOptions.filter(option => option.value === this._calendar.currentView)[0];
|
|
3163
3225
|
const fullPeriodLabel = currentTimeframeOption.periodLabel();
|
|
3164
|
-
if (this._calendar.currentView ===
|
|
3226
|
+
if (this._calendar.currentView === CalendarView.FOR_DAYS) {
|
|
3165
3227
|
this.periodMonthLabel = fullPeriodLabel.slice(0, 3);
|
|
3166
3228
|
this.periodYearLabel = fullPeriodLabel.slice(4);
|
|
3167
3229
|
}
|
|
@@ -3205,7 +3267,7 @@ class DrDatePickerCustomHeaderComponent {
|
|
|
3205
3267
|
DrDatePickerCustomHeaderComponent.decorators = [
|
|
3206
3268
|
{ type: Component, args: [{
|
|
3207
3269
|
selector: 'dr-date-picker_custom-header.component',
|
|
3208
|
-
template: "<div *ngIf=\"datePickerService.isTimeframeSelectionEnabled\" class=\"dr-datepicker__timeframe-select__wrapper\">\n <dr-select\n class=\"dr-datepicker__timeframe-select\"\n [(ngModel)]=\"selectedTimeframe\"\n [items]=\"timeframeOptions\"\n bindLabel=\"title\"\n bindValue=\"value\"\n (ngModelChange)=\"setTimeframe()\">\n </dr-select>\n</div>\n\n<div class=\"dr-date-paging\">\n <div class=\"dr-date-paging flip-page-button\"\n (click)=\"pagingClicked(false)\">\n <i class=\"dr-icon-arrow-left presentation_buttons-navigate_input\"></i>\n </div>\n <span class=\"example-header-label\">\n <span (click)=\"switchViewOnClickOnPeriodLabel(calendarView.FOR_MONTHS)\">{{periodMonthLabel + ' '}}</span>\n <span (click)=\"switchViewOnClickOnPeriodLabel(calendarView.FOR_YEARS)\">{{periodYearLabel}}</span>\n </span>\n <div class=\"dr-date-paging flip-page-button\"\n (click)=\"pagingClicked(true)\">\n <i class=\"dr-icon-arrow-right presentation_buttons-navigate_input\"></i>\n </div>\n</div>\n<div #quarterlyDatePicker class=\"dr-quarterly-datepicker\" *ngIf=\"currentViewIsQuarter\">\n <div *ngFor=\"let quarter of quarters\"\n class=\"quarter-selector\" (click)=\"onSelectQuarter(quarter)\"\n [class]=\"quarter == selectedQuarter ? 'selected' : ''\"\n >Q{{quarter}}</div>\n</div>\n\n",
|
|
3270
|
+
template: "<div *ngIf=\"datePickerService.isTimeframeSelectionEnabled\" class=\"dr-datepicker__timeframe-select__wrapper\">\n <dr-select\n class=\"dr-datepicker__timeframe-select\"\n [(ngModel)]=\"selectedTimeframe\"\n [items]=\"timeframeOptions | drShowTimeframePipe: datePickerService.availableTimeframes\"\n bindLabel=\"title\"\n bindValue=\"value\"\n (ngModelChange)=\"setTimeframe()\">\n </dr-select>\n</div>\n\n<div class=\"dr-date-paging\">\n <div class=\"dr-date-paging flip-page-button\"\n (click)=\"pagingClicked(false)\">\n <i class=\"dr-icon-arrow-left presentation_buttons-navigate_input\"></i>\n </div>\n <span class=\"example-header-label\">\n <span (click)=\"switchViewOnClickOnPeriodLabel(calendarView.FOR_MONTHS)\">{{periodMonthLabel + ' '}}</span>\n <span (click)=\"switchViewOnClickOnPeriodLabel(calendarView.FOR_YEARS)\">{{periodYearLabel}}</span>\n </span>\n <div class=\"dr-date-paging flip-page-button\"\n (click)=\"pagingClicked(true)\">\n <i class=\"dr-icon-arrow-right presentation_buttons-navigate_input\"></i>\n </div>\n</div>\n<div #quarterlyDatePicker class=\"dr-quarterly-datepicker\" *ngIf=\"currentViewIsQuarter\">\n <div *ngFor=\"let quarter of quarters\"\n class=\"quarter-selector\" (click)=\"onSelectQuarter(quarter)\"\n [class]=\"quarter == selectedQuarter ? 'selected' : ''\"\n >Q{{quarter}}</div>\n</div>\n\n",
|
|
3209
3271
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
3210
3272
|
styles: [":host{height:54px;align-items:center;font-family:\"Poppins\";font-style:normal;font-weight:600;font-size:14px;line-height:22px}.dr-datepicker__timeframe-select__wrapper{background-color:#f9faff;padding:16px 32px;border-radius:18px 18px 0 0}.dr-date-paging{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 8px;grid-gap:4px;gap:4px}.dr-date-paging.flip-page-button{width:20px;height:20px;padding:0;color:#4e566c}.dr-date-paging.flip-page-button:hover{border-radius:50%;background:#F2F2FB;color:#4646ce}.example-header-label{cursor:pointer}.dr-quarterly-datepicker{display:flex;justify-content:space-between;padding:10px}.dr-quarterly-datepicker .quarter-selector{display:block;width:74px;height:40px;text-align:center;border-radius:40px;font-weight:400;padding-top:9px}.dr-quarterly-datepicker .quarter-selector:hover{background:#F2F2FB;color:#4646ce;font-weight:600;cursor:pointer}.dr-quarterly-datepicker .quarter-selector.selected{background-color:#4646ce;color:#f3f7ff;font-weight:600}\n"]
|
|
3211
3273
|
},] }
|
|
@@ -3375,7 +3437,8 @@ class DrDatePickerWithTimeframeComponent extends DrDatePickerComponent {
|
|
|
3375
3437
|
[TimeframeOption.YEAR]: (forward) => this.pagingDateChange('addCalendarYears', 1, forward),
|
|
3376
3438
|
[TimeframeOption.QUARTER]: (forward) => this.pagingDateChange('addCalendarMonths', 3, forward),
|
|
3377
3439
|
[TimeframeOption.MONTH]: (forward) => this.pagingDateChange('addCalendarMonths', 1, forward),
|
|
3378
|
-
[TimeframeOption.DAY]: (forward) => this.pagingDateChange('addCalendarDays', 1, forward)
|
|
3440
|
+
[TimeframeOption.DAY]: (forward) => this.pagingDateChange('addCalendarDays', 1, forward),
|
|
3441
|
+
[TimeframeOption.WEEK]: (forward) => this.pagingDateChange('addCalendarDays', 7, forward)
|
|
3379
3442
|
};
|
|
3380
3443
|
datePickerService.isTimeframeSelectionEnabled = true;
|
|
3381
3444
|
datePickerService.format$
|
|
@@ -3394,19 +3457,19 @@ class DrDatePickerWithTimeframeComponent extends DrDatePickerComponent {
|
|
|
3394
3457
|
this.cdr.markForCheck();
|
|
3395
3458
|
}
|
|
3396
3459
|
}
|
|
3460
|
+
set availableTimeframes(value) {
|
|
3461
|
+
if (value && value.length) {
|
|
3462
|
+
this.datePickerService.availableTimeframes = value;
|
|
3463
|
+
}
|
|
3464
|
+
}
|
|
3397
3465
|
get displayedFormattedValue() {
|
|
3398
|
-
var _a;
|
|
3399
3466
|
if (!this.value) {
|
|
3400
3467
|
return this.placeholder;
|
|
3401
3468
|
}
|
|
3402
|
-
|
|
3403
|
-
|
|
3404
|
-
: this.value.format(this.datePickerService.format$.getValue());
|
|
3469
|
+
const formatCached = this.datePickerService.format$.getValue();
|
|
3470
|
+
return this.datePickerService.getDisplayPrefix() + this.value.format(formatCached);
|
|
3405
3471
|
}
|
|
3406
3472
|
ngOnInit() {
|
|
3407
|
-
if (this.dateFormatConfig) {
|
|
3408
|
-
this.datePickerService.formatConfig = Object.assign(Object.assign({}, this.datePickerService.formatConfig), this.dateFormatConfig);
|
|
3409
|
-
}
|
|
3410
3473
|
this.datePickerService.isTimeframeSelectionEnabled = this.canSelectTimeframe;
|
|
3411
3474
|
this.cdr.markForCheck();
|
|
3412
3475
|
}
|
|
@@ -3441,6 +3504,7 @@ DrDatePickerWithTimeframeComponent.propDecorators = {
|
|
|
3441
3504
|
isDashboardDatepicker: [{ type: Input }],
|
|
3442
3505
|
dateFormatConfig: [{ type: Input }],
|
|
3443
3506
|
canSelectTimeframe: [{ type: Input }],
|
|
3507
|
+
availableTimeframes: [{ type: Input }],
|
|
3444
3508
|
onChangeFormat: [{ type: Output }]
|
|
3445
3509
|
};
|
|
3446
3510
|
|
|
@@ -3486,6 +3550,17 @@ DrDatePickerFormatDirective.propDecorators = {
|
|
|
3486
3550
|
datePickerFormat: [{ type: Input, args: ['drDatePickerFormat',] }]
|
|
3487
3551
|
};
|
|
3488
3552
|
|
|
3553
|
+
class DrShowTimeframePipe {
|
|
3554
|
+
transform(arr, showOptions) {
|
|
3555
|
+
return arr.filter(item => showOptions.includes(item.timeframe));
|
|
3556
|
+
}
|
|
3557
|
+
}
|
|
3558
|
+
DrShowTimeframePipe.decorators = [
|
|
3559
|
+
{ type: Pipe, args: [{
|
|
3560
|
+
name: 'drShowTimeframePipe'
|
|
3561
|
+
},] }
|
|
3562
|
+
];
|
|
3563
|
+
|
|
3489
3564
|
// !!! Please do not use such approach in other places
|
|
3490
3565
|
// Hard fix for 'none' calendar view selection
|
|
3491
3566
|
MatCalendar.prototype.focusActiveCell = function () {
|
|
@@ -3505,7 +3580,8 @@ const components$1 = [
|
|
|
3505
3580
|
DrDatePickerWithTimeframeComponent,
|
|
3506
3581
|
DrDatePickerFormatDirective,
|
|
3507
3582
|
DrDatePickerCustomHeaderComponent,
|
|
3508
|
-
DrModelDebounceChangeDirective
|
|
3583
|
+
DrModelDebounceChangeDirective,
|
|
3584
|
+
DrShowTimeframePipe
|
|
3509
3585
|
];
|
|
3510
3586
|
class DrInputsModule {
|
|
3511
3587
|
}
|
|
@@ -3667,5 +3743,5 @@ DrAccordionModule.decorators = [
|
|
|
3667
3743
|
* Generated bundle index. Do not edit.
|
|
3668
3744
|
*/
|
|
3669
3745
|
|
|
3670
|
-
export { AnyTagComponent, CalendarView, CheckboxComponent, CustomDateFormat, DateFromats, DatePickerPeriodPosition, DateTagComponent, DateTagModule, DayTagComponent, DrAccordionComponent, DrAccordionItemBodyComponent, DrAccordionItemComponent, DrAccordionItemHeaderComponent, DrAccordionModule, DrAvatarComponent, DrAvatarModule, DrAvatarPipe, DrButtonComponent, DrDropdownComponent, DrDropdownDirective, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownPositionDirective, DrDropdownService, DrInputComponent, DrInputsModule, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrSelectComponent, DrSharedUtils, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagModule, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, ForecastTagComponent, ListTagComponent, ListTagModule, MonthTagComponent, QuarterTagComponent, RadioButtonComponent, RadioGroupComponent, SpinnerSize, SpinnerType, TimeframeOption, TooltipComponent, WeekTagComponent, YearTagComponent, components$2 as ɵa, POPUP_ANIMATION as ɵb, DrDatePickerComponent as ɵc, DrDatePickerService as ɵd, DrDatePickerWithTimeframeComponent as ɵe, DrDatePickerFormatDirective as ɵf, DrDatePickerCustomHeaderComponent as ɵg };
|
|
3746
|
+
export { AnyTagComponent, CalendarView, CheckboxComponent, CustomDateFormat, DateFromats, DatePickerPeriodPosition, DateTagComponent, DateTagModule, DayTagComponent, DrAccordionComponent, DrAccordionItemBodyComponent, DrAccordionItemComponent, DrAccordionItemHeaderComponent, DrAccordionModule, DrAvatarComponent, DrAvatarModule, DrAvatarPipe, DrButtonComponent, DrDropdownComponent, DrDropdownDirective, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownPositionDirective, DrDropdownService, DrInputComponent, DrInputsModule, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrSelectComponent, DrSharedUtils, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagModule, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, ForecastTagComponent, ListTagComponent, ListTagModule, MonthTagComponent, QuarterTagComponent, RadioButtonComponent, RadioGroupComponent, SpinnerSize, SpinnerType, TimeframeOption, TooltipComponent, WeekTagComponent, YearTagComponent, components$2 as ɵa, POPUP_ANIMATION as ɵb, DrDatePickerComponent as ɵc, DrDatePickerService as ɵd, DrDatePickerWithTimeframeComponent as ɵe, DrDatePickerFormatDirective as ɵf, DrDatePickerCustomHeaderComponent as ɵg, DrShowTimeframePipe as ɵh };
|
|
3671
3747
|
//# sourceMappingURL=datarailsshared-datarailsshared.js.map
|