@coreui/angular-pro 4.2.0-next.6 → 4.2.0-next.7
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/esm2020/lib/date-picker/date-picker.component.mjs +41 -9
- package/esm2020/lib/date-range-picker/date-range-picker/date-range-picker.component.mjs +43 -3
- package/esm2020/lib/smart-table/smart-table/smart-table.component.mjs +12 -1
- package/esm2020/lib/time-picker/time-picker.component.mjs +7 -2
- package/fesm2015/coreui-angular-pro.mjs +99 -10
- package/fesm2015/coreui-angular-pro.mjs.map +1 -1
- package/fesm2020/coreui-angular-pro.mjs +97 -10
- package/fesm2020/coreui-angular-pro.mjs.map +1 -1
- package/lib/date-picker/date-picker.component.d.ts +6 -4
- package/lib/date-range-picker/date-range-picker/date-range-picker.component.d.ts +9 -2
- package/lib/smart-table/smart-table/smart-table.component.d.ts +3 -1
- package/lib/time-picker/time-picker.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -5327,7 +5327,11 @@ class TimePickerComponent {
|
|
|
5327
5327
|
set time(value) {
|
|
5328
5328
|
var _a;
|
|
5329
5329
|
if (value && isValidTime(value)) {
|
|
5330
|
-
const time =
|
|
5330
|
+
const time = convertTimeToDate(value);
|
|
5331
|
+
if (!time) {
|
|
5332
|
+
this.clearTime();
|
|
5333
|
+
return;
|
|
5334
|
+
}
|
|
5331
5335
|
this.dayPeriod = getAmPm(time, this.locale);
|
|
5332
5336
|
if (((_a = this._time) === null || _a === void 0 ? void 0 : _a.getTime()) !== time.getTime()) {
|
|
5333
5337
|
this._time = new Date(time.getTime());
|
|
@@ -5574,6 +5578,7 @@ class TimePickerComponent {
|
|
|
5574
5578
|
}
|
|
5575
5579
|
writeValue(value) {
|
|
5576
5580
|
this.time = value;
|
|
5581
|
+
this.updateSelectTime();
|
|
5577
5582
|
}
|
|
5578
5583
|
registerOnChange(fn) {
|
|
5579
5584
|
this.onChange = fn;
|
|
@@ -5728,6 +5733,7 @@ class DateRangePickerComponent {
|
|
|
5728
5733
|
this.endDateChange = new EventEmitter();
|
|
5729
5734
|
this.startDateChange = new EventEmitter();
|
|
5730
5735
|
this.templates = {};
|
|
5736
|
+
this.dateChangeSubscriptions = [];
|
|
5731
5737
|
this.isMobile = true;
|
|
5732
5738
|
this._startDateValue = (_b = (_a = this.startDate) === null || _a === void 0 ? void 0 : _a.toLocaleDateString(this.locale)) !== null && _b !== void 0 ? _b : '';
|
|
5733
5739
|
this._endDateValue = (_d = (_c = this.endDate) === null || _c === void 0 ? void 0 : _c.toLocaleDateString(this.locale)) !== null && _d !== void 0 ? _d : '';
|
|
@@ -5845,6 +5851,28 @@ class DateRangePickerComponent {
|
|
|
5845
5851
|
get visible() {
|
|
5846
5852
|
return this._visible;
|
|
5847
5853
|
}
|
|
5854
|
+
set startDate(value) {
|
|
5855
|
+
var _a;
|
|
5856
|
+
const prevDate = this._startDate ? new Date(this._startDate) : null;
|
|
5857
|
+
this._startDate = value;
|
|
5858
|
+
if ((prevDate === null || prevDate === void 0 ? void 0 : prevDate.getTime()) !== ((_a = this._startDate) === null || _a === void 0 ? void 0 : _a.getTime())) {
|
|
5859
|
+
this.startDateChange.emit(this._startDate);
|
|
5860
|
+
}
|
|
5861
|
+
}
|
|
5862
|
+
get startDate() {
|
|
5863
|
+
return this._startDate;
|
|
5864
|
+
}
|
|
5865
|
+
set endDate(value) {
|
|
5866
|
+
var _a, _b;
|
|
5867
|
+
const prevDate = this._endDate ? new Date((_a = this._endDate) !== null && _a !== void 0 ? _a : 0) : null;
|
|
5868
|
+
this._endDate = value;
|
|
5869
|
+
if ((prevDate === null || prevDate === void 0 ? void 0 : prevDate.getTime()) !== ((_b = this._endDate) === null || _b === void 0 ? void 0 : _b.getTime())) {
|
|
5870
|
+
this.endDateChange.emit(this._endDate);
|
|
5871
|
+
}
|
|
5872
|
+
}
|
|
5873
|
+
get endDate() {
|
|
5874
|
+
return this._endDate;
|
|
5875
|
+
}
|
|
5848
5876
|
set firstDayOfWeek(value) {
|
|
5849
5877
|
this._firstDayOfWeek = coerceNumberProperty(value);
|
|
5850
5878
|
}
|
|
@@ -5886,6 +5914,23 @@ class DateRangePickerComponent {
|
|
|
5886
5914
|
get value() {
|
|
5887
5915
|
return this._value;
|
|
5888
5916
|
}
|
|
5917
|
+
subscribeDateChange(subscribe = true) {
|
|
5918
|
+
if (subscribe) {
|
|
5919
|
+
// todo
|
|
5920
|
+
// this.dateChangeSubscriptions.push(this.startDateChange.subscribe(next => {
|
|
5921
|
+
// this.startDate = next;
|
|
5922
|
+
// this.onChange(next);
|
|
5923
|
+
// }));
|
|
5924
|
+
// this.dateChangeSubscriptions.push(this.startDateChange.subscribe(next => {
|
|
5925
|
+
// this.endDate = next;
|
|
5926
|
+
// this.onChange(next);
|
|
5927
|
+
// }));
|
|
5928
|
+
return;
|
|
5929
|
+
}
|
|
5930
|
+
this.dateChangeSubscriptions.forEach(subscription => {
|
|
5931
|
+
subscription.unsubscribe();
|
|
5932
|
+
});
|
|
5933
|
+
}
|
|
5889
5934
|
onBlur() {
|
|
5890
5935
|
this.onTouched();
|
|
5891
5936
|
}
|
|
@@ -5941,9 +5986,11 @@ class DateRangePickerComponent {
|
|
|
5941
5986
|
this.customRanges = this.ranges ? Object.entries(this.ranges) : [];
|
|
5942
5987
|
this.startDateValue = (_b = (_a = this.startDate) === null || _a === void 0 ? void 0 : _a.toLocaleDateString(this.locale)) !== null && _b !== void 0 ? _b : '';
|
|
5943
5988
|
this.endDateValue = (_d = (_c = this.endDate) === null || _c === void 0 ? void 0 : _c.toLocaleDateString(this.locale)) !== null && _d !== void 0 ? _d : '';
|
|
5989
|
+
this.subscribeDateChange();
|
|
5944
5990
|
}
|
|
5945
5991
|
ngOnDestroy() {
|
|
5946
5992
|
this.layoutChanges.unsubscribe();
|
|
5993
|
+
this.subscribeDateChange(false);
|
|
5947
5994
|
}
|
|
5948
5995
|
ngAfterViewInit() {
|
|
5949
5996
|
setTimeout(() => {
|
|
@@ -5992,7 +6039,6 @@ class DateRangePickerComponent {
|
|
|
5992
6039
|
handleStartDateChange(date) {
|
|
5993
6040
|
// if (date?.getTime() !== this.startDate?.getTime()) {
|
|
5994
6041
|
this.startDate = date !== null && date !== void 0 ? date : null;
|
|
5995
|
-
this.startDateChange.emit(date);
|
|
5996
6042
|
this.startDateValue = date ? date.toLocaleDateString(this.locale) : '';
|
|
5997
6043
|
this.inputStartHoverValue = null;
|
|
5998
6044
|
this.value = this.startDate && this.endDate ? [this.startDate, this.endDate] : [];
|
|
@@ -6001,7 +6047,6 @@ class DateRangePickerComponent {
|
|
|
6001
6047
|
handleEndDateChange(date) {
|
|
6002
6048
|
// if (date?.getTime() !== this.endDate?.getTime()) {
|
|
6003
6049
|
this.endDate = date !== null && date !== void 0 ? date : null;
|
|
6004
|
-
this.endDateChange.emit(date);
|
|
6005
6050
|
this.endDateValue = date ? date.toLocaleDateString(this.locale) : '';
|
|
6006
6051
|
this.inputEndHoverValue = null;
|
|
6007
6052
|
this.value = this.startDate && this.endDate ? [this.startDate, this.endDate] : [];
|
|
@@ -6053,6 +6098,8 @@ class DateRangePickerComponent {
|
|
|
6053
6098
|
writeValue(value) {
|
|
6054
6099
|
if (value !== null) {
|
|
6055
6100
|
this.value = value;
|
|
6101
|
+
this.startDate = value[0];
|
|
6102
|
+
this.endDate = value[1];
|
|
6056
6103
|
}
|
|
6057
6104
|
}
|
|
6058
6105
|
handleStartTimeChange(time) {
|
|
@@ -6902,7 +6949,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
|
|
|
6902
6949
|
class DatePickerComponent extends DateRangePickerComponent {
|
|
6903
6950
|
constructor(breakpointObserver) {
|
|
6904
6951
|
super(breakpointObserver);
|
|
6905
|
-
this.endDate = null;
|
|
6906
6952
|
this.placeholder = 'Select date';
|
|
6907
6953
|
// @ts-ignore
|
|
6908
6954
|
this.startDateChange = new EventEmitter();
|
|
@@ -6913,25 +6959,57 @@ class DatePickerComponent extends DateRangePickerComponent {
|
|
|
6913
6959
|
get calendars() {
|
|
6914
6960
|
return 1;
|
|
6915
6961
|
}
|
|
6916
|
-
|
|
6917
|
-
|
|
6962
|
+
get endDate() {
|
|
6963
|
+
return null;
|
|
6918
6964
|
}
|
|
6919
6965
|
get date() {
|
|
6920
6966
|
return this.startDate;
|
|
6921
6967
|
}
|
|
6968
|
+
set date(value) {
|
|
6969
|
+
this.startDate = value;
|
|
6970
|
+
}
|
|
6971
|
+
// @ts-ignore
|
|
6972
|
+
writeValue(value) {
|
|
6973
|
+
this.date = value;
|
|
6974
|
+
this.startDateValue = this.date ? this.date.toLocaleDateString(this.locale) : '';
|
|
6975
|
+
}
|
|
6976
|
+
subscribeDateChange(subscribe = true) {
|
|
6977
|
+
if (subscribe) {
|
|
6978
|
+
this.dateChangeSubscriptions.push(this.startDateChange.subscribe(next => {
|
|
6979
|
+
this.date = next;
|
|
6980
|
+
this.onChange(next);
|
|
6981
|
+
}));
|
|
6982
|
+
return;
|
|
6983
|
+
}
|
|
6984
|
+
this.dateChangeSubscriptions.forEach(subscription => {
|
|
6985
|
+
subscription.unsubscribe();
|
|
6986
|
+
});
|
|
6987
|
+
}
|
|
6922
6988
|
}
|
|
6923
6989
|
DatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: DatePickerComponent, deps: [{ token: i1$2.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
|
|
6924
|
-
DatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: DatePickerComponent, selector: "c-date-picker", inputs: { placeholder: "placeholder", date: "date" }, outputs: { startDateChange: "dateChange" },
|
|
6990
|
+
DatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: DatePickerComponent, selector: "c-date-picker", inputs: { placeholder: "placeholder", date: "date" }, outputs: { startDateChange: "dateChange" }, providers: [
|
|
6991
|
+
{
|
|
6992
|
+
provide: NG_VALUE_ACCESSOR,
|
|
6993
|
+
useExisting: forwardRef(() => DatePickerComponent),
|
|
6994
|
+
multi: true
|
|
6995
|
+
}
|
|
6996
|
+
], exportAs: ["cDatePicker"], usesInheritance: true, ngImport: i0, template: "<c-dropdown #dropdown=\"cDropdown\" [autoClose]=\"'outside'\" class=\"date-picker picker\" [visible]=\"visible\">\n <c-input-group [caret]=\"false\"\n [disabled]=\"disabled ?? dropdown.visible\"\n [sizing]=\"size ?? ''\"\n cDropdownToggle\n class=\"picker-input-group\"\n >\n <input (change)=\"handleStartDateInputChange($event)\"\n [formControl]=\"startDateInput\"\n [ngClass]=\"{hover: !!inputStartHoverValue}\"\n [placeholder]=\"startDatePlaceholder ?? placeholder[0]\"\n cFormControl\n #startDateElementRef\n [attr.tabindex]=\"disabled ? -1 : 0\"\n [attr.disabled]=\"disabled ? '' : null\"\n pattern=\"[1-9]*\"\n [readonly]=\"inputReadOnly ?? null\"\n >\n <span *ngIf=\"range && separator !== false\" cInputGroupText>\n <span class=\"picker-input-group-icon date-picker-arrow-icon\"></span>\n </span>\n <input (change)=\"handleEndDateInputChange($event)\"\n *ngIf=\"range\"\n [formControl]=\"endDateInput\"\n [ngClass]=\"{hover: !!inputEndHoverValue}\"\n [placeholder]=\"endDatePlaceholder ?? placeholder[1]\"\n cFormControl\n #endDateElementRef\n [attr.tabindex]=\"disabled ? -1 : 0\"\n [attr.disabled]=\"disabled ? '' : null\"\n pattern=\"[1-9]*\"\n [readonly]=\"inputReadOnly ?? null\"\n >\n <span *ngIf=\"indicator || cleaner\" cInputGroupText>\n <span *ngIf=\"indicator\" class=\"picker-input-group-indicator\">\n <span class=\"picker-input-group-icon date-picker-input-icon\"></span>\n </span>\n <span (click)=\"!disabled && handleClear($event)\" *ngIf=\"cleaner && startDateElementRef.value && !disabled\" class=\"picker-input-group-cleaner\" role=\"button\">\n <span class=\"picker-input-group-icon date-picker-cleaner-icon\"></span>\n </span>\n </span>\n\n </c-input-group>\n <div cDropdownMenu>\n <div class=\"date-picker-body\">\n <ng-template [ngIf]=\"!isMobile\">\n <div *ngIf=\"ranges\" class=\"date-picker-ranges\">\n <button (click)=\"setCustomRange(customRange)\"\n *ngFor=\"let customRange of customRanges\"\n [color]=\"rangesButtonsColor\"\n [size]=\"rangesButtonsSize\"\n [variant]=\"rangesButtonsVariant\"\n cButton>\n {{getCustomRangeKey(customRange)}}\n </button>\n </div>\n </ng-template>\n <c-calendar\n (calendarCellHover)=\"handleCalendarCellHover($event)\"\n (calendarDateChange)=\"handleCalendarDateChange($event)\"\n (endDateChange)=\"handleEndDateChange($event)\"\n (startDateChange)=\"handleStartDateChange($event)\"\n [calendarDate]=\"calendarDate\"\n [calendars]=\"isMobile ? 1 : calendars\"\n [dateFilter]=\"dateFilter\"\n [disabledDates]=\"disabledDates\"\n [endDate]=\"endDate\"\n [firstDayOfWeek]=\"firstDayOfWeek\"\n [locale]=\"locale\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n [navigation]=\"navigation\"\n [range]=\"range\"\n [startDate]=\"startDate\"\n [navYearFirst]=\"navYearFirst\"\n [dayFormat]=\"dayFormat\"\n [weekdayFormat]=\"weekdayFormat\"\n class=\"date-picker-calendars\"\n ></c-calendar>\n <div *ngIf=\"false && timepicker\" class=\"date-picker-timepickers\">\n <!-- todo-->\n <c-time-picker\n variant=\"select\"\n [locale]=\"locale\"\n [disabled]=\"!startDate\"\n [time]=\"startDate ?? undefined\"\n (timeChange)=\"handleStartTimeChange($event)\"\n ></c-time-picker>\n <c-time-picker\n *ngIf=\"range\"\n variant=\"select\"\n [locale]=\"locale\"\n [disabled]=\"!endDate\"\n [time]=\"endDate ?? undefined\"\n (timeChange)=\"handleEndTimeChange($event)\"\n ></c-time-picker>\n </div>\n </div>\n <div *ngIf=\"templates?.datePickerFooter\" class=\"picker-footer\">\n <ng-container *ngTemplateOutlet=\"templates?.datePickerFooter; context: {$implicit: dropdown}\"></ng-container>\n </div>\n </div>\n <ng-content></ng-content>\n</c-dropdown>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: ButtonDirective, selector: "[cButton]", inputs: ["active", "color", "disabled", "shape", "size", "type", "variant"], exportAs: ["cButton"] }, { kind: "component", type: CalendarComponent, selector: "c-calendar", inputs: ["calendarDate", "calendars", "dayFormat", "disabledDates", "startDate", "endDate", "firstDayOfWeek", "locale", "maxDate", "minDate", "navigation", "navYearFirst", "range", "view", "weekdayFormat", "dateFilter"], outputs: ["calendarCellHover", "calendarDateChange", "endDateChange", "startDateChange", "viewChange"], exportAs: ["cCalendar"] }, { kind: "directive", type: FormControlDirective, selector: "input[cFormControl], textarea[cFormControl]", inputs: ["sizing", "valid", "type", "plaintext"] }, { kind: "component", type: InputGroupComponent, selector: "c-input-group", inputs: ["sizing"] }, { kind: "directive", type: InputGroupTextDirective, selector: "[cInputGroupText]" }, { kind: "component", type: DropdownComponent, selector: "c-dropdown", inputs: ["alignment", "autoClose", "dark", "direction", "placement", "popper", "popperOptions", "variant", "visible"], outputs: ["visibleChange"], exportAs: ["cDropdown"] }, { kind: "directive", type: DropdownToggleDirective, selector: "[cDropdownToggle]", inputs: ["dropdownComponent", "disabled", "caret", "split"], exportAs: ["cDropdownToggle"] }, { kind: "directive", type: DropdownMenuDirective, selector: "[cDropdownMenu]", inputs: ["alignment", "visible", "dark"], exportAs: ["cDropdownMenu"] }, { kind: "component", type: TimePickerComponent, selector: "c-time-picker", inputs: ["cleaner", "dateTimeFormatOptions", "disabled", "filterHours", "filterMinutes", "filterSeconds", "indicator", "inputReadOnly", "locale", "placeholder", "seconds", "size", "time", "variant", "visible"], outputs: ["timeChange"], exportAs: ["cTimePicker"] }] });
|
|
6925
6997
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: DatePickerComponent, decorators: [{
|
|
6926
6998
|
type: Component,
|
|
6927
|
-
args: [{ selector: 'c-date-picker', exportAs: 'cDatePicker',
|
|
6999
|
+
args: [{ selector: 'c-date-picker', exportAs: 'cDatePicker', providers: [
|
|
7000
|
+
{
|
|
7001
|
+
provide: NG_VALUE_ACCESSOR,
|
|
7002
|
+
useExisting: forwardRef(() => DatePickerComponent),
|
|
7003
|
+
multi: true
|
|
7004
|
+
}
|
|
7005
|
+
], template: "<c-dropdown #dropdown=\"cDropdown\" [autoClose]=\"'outside'\" class=\"date-picker picker\" [visible]=\"visible\">\n <c-input-group [caret]=\"false\"\n [disabled]=\"disabled ?? dropdown.visible\"\n [sizing]=\"size ?? ''\"\n cDropdownToggle\n class=\"picker-input-group\"\n >\n <input (change)=\"handleStartDateInputChange($event)\"\n [formControl]=\"startDateInput\"\n [ngClass]=\"{hover: !!inputStartHoverValue}\"\n [placeholder]=\"startDatePlaceholder ?? placeholder[0]\"\n cFormControl\n #startDateElementRef\n [attr.tabindex]=\"disabled ? -1 : 0\"\n [attr.disabled]=\"disabled ? '' : null\"\n pattern=\"[1-9]*\"\n [readonly]=\"inputReadOnly ?? null\"\n >\n <span *ngIf=\"range && separator !== false\" cInputGroupText>\n <span class=\"picker-input-group-icon date-picker-arrow-icon\"></span>\n </span>\n <input (change)=\"handleEndDateInputChange($event)\"\n *ngIf=\"range\"\n [formControl]=\"endDateInput\"\n [ngClass]=\"{hover: !!inputEndHoverValue}\"\n [placeholder]=\"endDatePlaceholder ?? placeholder[1]\"\n cFormControl\n #endDateElementRef\n [attr.tabindex]=\"disabled ? -1 : 0\"\n [attr.disabled]=\"disabled ? '' : null\"\n pattern=\"[1-9]*\"\n [readonly]=\"inputReadOnly ?? null\"\n >\n <span *ngIf=\"indicator || cleaner\" cInputGroupText>\n <span *ngIf=\"indicator\" class=\"picker-input-group-indicator\">\n <span class=\"picker-input-group-icon date-picker-input-icon\"></span>\n </span>\n <span (click)=\"!disabled && handleClear($event)\" *ngIf=\"cleaner && startDateElementRef.value && !disabled\" class=\"picker-input-group-cleaner\" role=\"button\">\n <span class=\"picker-input-group-icon date-picker-cleaner-icon\"></span>\n </span>\n </span>\n\n </c-input-group>\n <div cDropdownMenu>\n <div class=\"date-picker-body\">\n <ng-template [ngIf]=\"!isMobile\">\n <div *ngIf=\"ranges\" class=\"date-picker-ranges\">\n <button (click)=\"setCustomRange(customRange)\"\n *ngFor=\"let customRange of customRanges\"\n [color]=\"rangesButtonsColor\"\n [size]=\"rangesButtonsSize\"\n [variant]=\"rangesButtonsVariant\"\n cButton>\n {{getCustomRangeKey(customRange)}}\n </button>\n </div>\n </ng-template>\n <c-calendar\n (calendarCellHover)=\"handleCalendarCellHover($event)\"\n (calendarDateChange)=\"handleCalendarDateChange($event)\"\n (endDateChange)=\"handleEndDateChange($event)\"\n (startDateChange)=\"handleStartDateChange($event)\"\n [calendarDate]=\"calendarDate\"\n [calendars]=\"isMobile ? 1 : calendars\"\n [dateFilter]=\"dateFilter\"\n [disabledDates]=\"disabledDates\"\n [endDate]=\"endDate\"\n [firstDayOfWeek]=\"firstDayOfWeek\"\n [locale]=\"locale\"\n [maxDate]=\"maxDate\"\n [minDate]=\"minDate\"\n [navigation]=\"navigation\"\n [range]=\"range\"\n [startDate]=\"startDate\"\n [navYearFirst]=\"navYearFirst\"\n [dayFormat]=\"dayFormat\"\n [weekdayFormat]=\"weekdayFormat\"\n class=\"date-picker-calendars\"\n ></c-calendar>\n <div *ngIf=\"false && timepicker\" class=\"date-picker-timepickers\">\n <!-- todo-->\n <c-time-picker\n variant=\"select\"\n [locale]=\"locale\"\n [disabled]=\"!startDate\"\n [time]=\"startDate ?? undefined\"\n (timeChange)=\"handleStartTimeChange($event)\"\n ></c-time-picker>\n <c-time-picker\n *ngIf=\"range\"\n variant=\"select\"\n [locale]=\"locale\"\n [disabled]=\"!endDate\"\n [time]=\"endDate ?? undefined\"\n (timeChange)=\"handleEndTimeChange($event)\"\n ></c-time-picker>\n </div>\n </div>\n <div *ngIf=\"templates?.datePickerFooter\" class=\"picker-footer\">\n <ng-container *ngTemplateOutlet=\"templates?.datePickerFooter; context: {$implicit: dropdown}\"></ng-container>\n </div>\n </div>\n <ng-content></ng-content>\n</c-dropdown>\n" }]
|
|
6928
7006
|
}], ctorParameters: function () { return [{ type: i1$2.BreakpointObserver }]; }, propDecorators: { placeholder: [{
|
|
6929
7007
|
type: Input
|
|
6930
|
-
}], date: [{
|
|
6931
|
-
type: Input
|
|
6932
7008
|
}], startDateChange: [{
|
|
6933
7009
|
type: Output,
|
|
6934
7010
|
args: ['dateChange']
|
|
7011
|
+
}], date: [{
|
|
7012
|
+
type: Input
|
|
6935
7013
|
}] } });
|
|
6936
7014
|
|
|
6937
7015
|
class DatePickerModule {
|
|
@@ -12810,6 +12888,17 @@ class SmartTableComponent {
|
|
|
12810
12888
|
get sorterValue() {
|
|
12811
12889
|
return this._sorterValue;
|
|
12812
12890
|
}
|
|
12891
|
+
set tableFilter(filter) {
|
|
12892
|
+
this._tableFilter = filter;
|
|
12893
|
+
if (typeof filter === 'object') {
|
|
12894
|
+
this.tableFilterLabel = typeof filter.label === 'string' ? filter.label : this.tableFilterLabel;
|
|
12895
|
+
this.tableFilterPlaceholder = typeof filter.placeholder === 'string' ? filter.placeholder : this.tableFilterPlaceholder;
|
|
12896
|
+
this.tableFilterValue = typeof filter.value === 'string' ? filter.value : this.tableFilterValue;
|
|
12897
|
+
}
|
|
12898
|
+
}
|
|
12899
|
+
get tableFilter() {
|
|
12900
|
+
return this._tableFilter;
|
|
12901
|
+
}
|
|
12813
12902
|
set tableFilterValue(value) {
|
|
12814
12903
|
if (this._tableFilterValue !== value) {
|
|
12815
12904
|
this._tableFilterValue = value;
|