ngx-wapp-components 3.2.32-alpha.5 → 3.2.32-alpha.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.
|
@@ -4579,14 +4579,16 @@ class WPeriodSelectFieldComponent {
|
|
|
4579
4579
|
onPeriodCategorySelected() {
|
|
4580
4580
|
const now = new Date();
|
|
4581
4581
|
const last24 = new Date(now.getTime() - 24 * 60 * 60 * 1000);
|
|
4582
|
-
const last3Months = new Date(now.setMonth(new Date().getMonth() - 3));
|
|
4582
|
+
//const last3Months = new Date(now.setMonth(new Date().getMonth() - 3));
|
|
4583
|
+
const last3Months = new Date(now);
|
|
4584
|
+
last3Months.setMonth(last3Months.getMonth() - 3);
|
|
4583
4585
|
if (this.periodCategorySelected === PeriodSelectEnum.Last24Hours) {
|
|
4584
4586
|
this.fromDateValue = last24;
|
|
4585
|
-
this.toDateValue = now;
|
|
4587
|
+
this.toDateValue = new Date(now);
|
|
4586
4588
|
}
|
|
4587
4589
|
else if (this.periodCategorySelected === PeriodSelectEnum.Last3Months) {
|
|
4588
4590
|
this.fromDateValue = last3Months;
|
|
4589
|
-
this.toDateValue = now;
|
|
4591
|
+
this.toDateValue = new Date(now);
|
|
4590
4592
|
}
|
|
4591
4593
|
else {
|
|
4592
4594
|
const startYesterday = new Date();
|
|
@@ -4655,7 +4657,7 @@ class WPeriodSelectFieldComponent {
|
|
|
4655
4657
|
useExisting: forwardRef(() => WPeriodSelectFieldComponent),
|
|
4656
4658
|
multi: true
|
|
4657
4659
|
}
|
|
4658
|
-
], ngImport: i0, template: "@if (!allowLabels) {\r\n <ng-container *ngTemplateOutlet=\"periodCategoriesTemplate\"></ng-container>\r\n @if (isCustomSelected){\r\n <ng-container *ngTemplateOutlet=\"fromCalendarTemplate\"></ng-container>\r\n <ng-container *ngTemplateOutlet=\"toCalendarTemplate\"></ng-container>\r\n }\r\n} @else {\r\n <w-panel-grid>\r\n <w-panel-grid class=\"col-4\">\r\n <w-input-label class=\"col-4\" [label]=\"labels[0]\"></w-input-label>\r\n <ng-container *ngTemplateOutlet=\"periodCategoriesTemplate\"></ng-container>\r\n </w-panel-grid>\r\n @if (isCustomSelected) {\r\n <w-panel-grid class=\"col-4\">\r\n <w-input-label class=\"col-4\" [label]=\"labels[1]\"></w-input-label>\r\n <ng-container *ngTemplateOutlet=\"fromCalendarTemplate\"></ng-container>\r\n </w-panel-grid>\r\n <w-panel-grid class=\"col-4\">\r\n <w-input-label class=\"col-4\" [label]=\"labels[2]\"></w-input-label>\r\n <ng-container *ngTemplateOutlet=\"toCalendarTemplate\"></ng-container>\r\n </w-panel-grid>\r\n }\r\n </w-panel-grid>\r\n}\r\n\r\n<ng-template #periodCategoriesTemplate>\r\n <w-edit-select \r\n class=\"w-period-select-field q-inline-block-display w-filter-panel-basic-query-builder-input-width period-select-field-width\"\r\n [ngClass]=\"{'col-8': allowLabels}\"\r\n appendTo=\"self\"\r\n [options]=\"periodCategories\"\r\n [(ngModel)]=\"periodCategorySelected\"\r\n (onChange)=\"onPeriodCategorySelected()\"\r\n (onClear)=\"onClearCategory()\"\r\n optionLabel=\"name\"\r\n optionValue=\"value\"\r\n [required]=\"required\"\r\n [placeholder]=\"placeholder\">\r\n </w-edit-select>\r\n</ng-template>\r\n<ng-template #fromCalendarTemplate>\r\n <w-edit-calendar\r\n [disabled]=\"disableCalendar()\"\r\n class=\"w-period-select-field q-inline-block-display w-filter-panel-basic-query-builder-input-width period-select-field-width\" \r\n [ngClass]=\"{'fadein animation-duration-2000' : isCustomSelected, 'col-8': allowLabels}\"\r\n appendTo=\"self\" \r\n size=\"small\" \r\n [dataType]=\"'date'\"\r\n [showIcon]=\"false\"\r\n [(ngModel)]=\"fromDateValue\"\r\n [required]=\"true\"\r\n (onChange)=\"onFromDateChange()\"\r\n [showTime]=\"true\"\r\n [showSeconds]=\"true\"\r\n [maxDate]=\"getMaxDate()\"\r\n [firstDayOfWeek]=\"translationsObject.firstDayOfWeek ?? 1\"\r\n [placeholder]=\"translationsObject.fieldsPlaceholders.from ?? 'Desde'\"\r\n [displayInlineBlock]=\"true\"\r\n [showLabel]=\"false\">\r\n </w-edit-calendar>\r\n</ng-template>\r\n<ng-template #toCalendarTemplate>\r\n <w-edit-calendar\r\n [disabled]=\"disableCalendar()\"\r\n class=\"w-period-select-field q-inline-block-display w-filter-panel-basic-query-builder-input-width period-select-field-width\" \r\n [ngClass]=\"{'fadein animation-duration-2000' : isCustomSelected, 'col-8': allowLabels}\"\r\n appendTo=\"self\" \r\n size=\"small\" \r\n [dataType]=\"'date'\"\r\n [showIcon]=\"false\"\r\n [(ngModel)]=\"toDateValue\"\r\n [required]=\"true\"\r\n (onChange)=\"onToDateChange()\"\r\n [showTime]=\"true\"\r\n [showSeconds]=\"true\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"fromDateValue\"\r\n [autoMinDate]=\"false\"\r\n [firstDayOfWeek]=\"translationsObject.firstDayOfWeek ?? 1\"\r\n [placeholder]=\"translationsObject.fieldsPlaceholders.to ?? 'Hasta'\"\r\n [displayInlineBlock]=\"true\"\r\n [showLabel]=\"false\">\r\n </w-edit-calendar>\r\n</ng-template>\r\n", styles: ["::ng-deep .w-period-select-field .w-edit-select-field w-input-label{display:none}\n"], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: WEditSelectComponent, selector: "w-edit-select", inputs: ["label", "showLabel", "placeholder", "disabled", "loading", "required", "size", "options", "filter", "filterPlaceholder", "optionLabel", "optionValue", "virtualScroll", "virtualScrollItemSize", "appendTo", "showClear", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition", "note", "readOnly"], outputs: ["onChange", "onClear"] }, { kind: "component", type: WPanelGridComponent, selector: "w-panel-grid" }, { kind: "component", type: WEditCalendarComponent, selector: "w-edit-calendar", inputs: ["minDate", "maxDate", "label", "showLabel", "showTime", "showSeconds", "timeOnly", "showIcon", "placeholder", "disabled", "size", "formControl", "displayInlineBlock", "required", "requiredErrorDescription", "someErrorDescription", "removePaddingTop", "firstDayOfWeek", "tooltip", "tooltipPosition", "dataType", "viewType", "monthMode", "readonlyInput", "keepInvalid", "autoMinDate", "dateFormat"], outputs: ["onChange"] }, { kind: "component", type: WInputLabelComponent, selector: "w-input-label", inputs: ["label", "disabled", "required", "validated", "tooltip", "tooltipPosition", "size", "labelStyleClass", "message"] }] }); }
|
|
4660
|
+
], ngImport: i0, template: "@if (!allowLabels) {\r\n <ng-container *ngTemplateOutlet=\"periodCategoriesTemplate\"></ng-container>\r\n @if (isCustomSelected){\r\n <ng-container *ngTemplateOutlet=\"fromCalendarTemplate\"></ng-container>\r\n <ng-container *ngTemplateOutlet=\"toCalendarTemplate\"></ng-container>\r\n }\r\n} @else {\r\n <w-panel-grid>\r\n <w-panel-grid class=\"col-4\">\r\n <w-input-label class=\"w-period-select-field-label col-4\" [label]=\"labels[0]\"></w-input-label>\r\n <ng-container *ngTemplateOutlet=\"periodCategoriesTemplate\"></ng-container>\r\n </w-panel-grid>\r\n @if (isCustomSelected) {\r\n <w-panel-grid class=\"col-4\">\r\n <w-input-label class=\"w-period-select-field-label col-4\" [label]=\"labels[1]\"></w-input-label>\r\n <ng-container *ngTemplateOutlet=\"fromCalendarTemplate\"></ng-container>\r\n </w-panel-grid>\r\n <w-panel-grid class=\"col-4\">\r\n <w-input-label class=\"w-period-select-field-label col-4\" [label]=\"labels[2]\"></w-input-label>\r\n <ng-container *ngTemplateOutlet=\"toCalendarTemplate\"></ng-container>\r\n </w-panel-grid>\r\n }\r\n </w-panel-grid>\r\n}\r\n\r\n<ng-template #periodCategoriesTemplate>\r\n <w-edit-select \r\n class=\"w-period-select-field q-inline-block-display w-filter-panel-basic-query-builder-input-width period-select-field-width\"\r\n [ngClass]=\"{'col-8': allowLabels}\"\r\n appendTo=\"self\"\r\n [options]=\"periodCategories\"\r\n [(ngModel)]=\"periodCategorySelected\"\r\n (onChange)=\"onPeriodCategorySelected()\"\r\n (onClear)=\"onClearCategory()\"\r\n optionLabel=\"name\"\r\n optionValue=\"value\"\r\n [required]=\"required\"\r\n [placeholder]=\"placeholder\">\r\n </w-edit-select>\r\n</ng-template>\r\n<ng-template #fromCalendarTemplate>\r\n <w-edit-calendar\r\n [disabled]=\"disableCalendar()\"\r\n class=\"w-period-select-field q-inline-block-display w-filter-panel-basic-query-builder-input-width period-select-field-width\" \r\n [ngClass]=\"{'fadein animation-duration-2000' : isCustomSelected, 'col-8': allowLabels}\"\r\n appendTo=\"self\" \r\n size=\"small\" \r\n [dataType]=\"'date'\"\r\n [showIcon]=\"false\"\r\n [(ngModel)]=\"fromDateValue\"\r\n [required]=\"true\"\r\n (onChange)=\"onFromDateChange()\"\r\n [showTime]=\"true\"\r\n [showSeconds]=\"true\"\r\n [maxDate]=\"getMaxDate()\"\r\n [firstDayOfWeek]=\"translationsObject.firstDayOfWeek ?? 1\"\r\n [placeholder]=\"translationsObject.fieldsPlaceholders.from ?? 'Desde'\"\r\n [displayInlineBlock]=\"true\"\r\n [showLabel]=\"false\">\r\n </w-edit-calendar>\r\n</ng-template>\r\n<ng-template #toCalendarTemplate>\r\n <w-edit-calendar\r\n [disabled]=\"disableCalendar()\"\r\n class=\"w-period-select-field q-inline-block-display w-filter-panel-basic-query-builder-input-width period-select-field-width\" \r\n [ngClass]=\"{'fadein animation-duration-2000' : isCustomSelected, 'col-8': allowLabels}\"\r\n appendTo=\"self\" \r\n size=\"small\" \r\n [dataType]=\"'date'\"\r\n [showIcon]=\"false\"\r\n [(ngModel)]=\"toDateValue\"\r\n [required]=\"true\"\r\n (onChange)=\"onToDateChange()\"\r\n [showTime]=\"true\"\r\n [showSeconds]=\"true\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"fromDateValue\"\r\n [autoMinDate]=\"false\"\r\n [firstDayOfWeek]=\"translationsObject.firstDayOfWeek ?? 1\"\r\n [placeholder]=\"translationsObject.fieldsPlaceholders.to ?? 'Hasta'\"\r\n [displayInlineBlock]=\"true\"\r\n [showLabel]=\"false\">\r\n </w-edit-calendar>\r\n</ng-template>\r\n", styles: ["::ng-deep .w-period-select-field .w-edit-select-field w-input-label{display:none}::ng-deep .w-period-select-field-label{align-content:center}\n"], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: WEditSelectComponent, selector: "w-edit-select", inputs: ["label", "showLabel", "placeholder", "disabled", "loading", "required", "size", "options", "filter", "filterPlaceholder", "optionLabel", "optionValue", "virtualScroll", "virtualScrollItemSize", "appendTo", "showClear", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition", "note", "readOnly"], outputs: ["onChange", "onClear"] }, { kind: "component", type: WPanelGridComponent, selector: "w-panel-grid" }, { kind: "component", type: WEditCalendarComponent, selector: "w-edit-calendar", inputs: ["minDate", "maxDate", "label", "showLabel", "showTime", "showSeconds", "timeOnly", "showIcon", "placeholder", "disabled", "size", "formControl", "displayInlineBlock", "required", "requiredErrorDescription", "someErrorDescription", "removePaddingTop", "firstDayOfWeek", "tooltip", "tooltipPosition", "dataType", "viewType", "monthMode", "readonlyInput", "keepInvalid", "autoMinDate", "dateFormat"], outputs: ["onChange"] }, { kind: "component", type: WInputLabelComponent, selector: "w-input-label", inputs: ["label", "disabled", "required", "validated", "tooltip", "tooltipPosition", "size", "labelStyleClass", "message"] }] }); }
|
|
4659
4661
|
}
|
|
4660
4662
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WPeriodSelectFieldComponent, decorators: [{
|
|
4661
4663
|
type: Component,
|
|
@@ -4665,7 +4667,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
4665
4667
|
useExisting: forwardRef(() => WPeriodSelectFieldComponent),
|
|
4666
4668
|
multi: true
|
|
4667
4669
|
}
|
|
4668
|
-
], standalone: false, template: "@if (!allowLabels) {\r\n <ng-container *ngTemplateOutlet=\"periodCategoriesTemplate\"></ng-container>\r\n @if (isCustomSelected){\r\n <ng-container *ngTemplateOutlet=\"fromCalendarTemplate\"></ng-container>\r\n <ng-container *ngTemplateOutlet=\"toCalendarTemplate\"></ng-container>\r\n }\r\n} @else {\r\n <w-panel-grid>\r\n <w-panel-grid class=\"col-4\">\r\n <w-input-label class=\"col-4\" [label]=\"labels[0]\"></w-input-label>\r\n <ng-container *ngTemplateOutlet=\"periodCategoriesTemplate\"></ng-container>\r\n </w-panel-grid>\r\n @if (isCustomSelected) {\r\n <w-panel-grid class=\"col-4\">\r\n <w-input-label class=\"col-4\" [label]=\"labels[1]\"></w-input-label>\r\n <ng-container *ngTemplateOutlet=\"fromCalendarTemplate\"></ng-container>\r\n </w-panel-grid>\r\n <w-panel-grid class=\"col-4\">\r\n <w-input-label class=\"col-4\" [label]=\"labels[2]\"></w-input-label>\r\n <ng-container *ngTemplateOutlet=\"toCalendarTemplate\"></ng-container>\r\n </w-panel-grid>\r\n }\r\n </w-panel-grid>\r\n}\r\n\r\n<ng-template #periodCategoriesTemplate>\r\n <w-edit-select \r\n class=\"w-period-select-field q-inline-block-display w-filter-panel-basic-query-builder-input-width period-select-field-width\"\r\n [ngClass]=\"{'col-8': allowLabels}\"\r\n appendTo=\"self\"\r\n [options]=\"periodCategories\"\r\n [(ngModel)]=\"periodCategorySelected\"\r\n (onChange)=\"onPeriodCategorySelected()\"\r\n (onClear)=\"onClearCategory()\"\r\n optionLabel=\"name\"\r\n optionValue=\"value\"\r\n [required]=\"required\"\r\n [placeholder]=\"placeholder\">\r\n </w-edit-select>\r\n</ng-template>\r\n<ng-template #fromCalendarTemplate>\r\n <w-edit-calendar\r\n [disabled]=\"disableCalendar()\"\r\n class=\"w-period-select-field q-inline-block-display w-filter-panel-basic-query-builder-input-width period-select-field-width\" \r\n [ngClass]=\"{'fadein animation-duration-2000' : isCustomSelected, 'col-8': allowLabels}\"\r\n appendTo=\"self\" \r\n size=\"small\" \r\n [dataType]=\"'date'\"\r\n [showIcon]=\"false\"\r\n [(ngModel)]=\"fromDateValue\"\r\n [required]=\"true\"\r\n (onChange)=\"onFromDateChange()\"\r\n [showTime]=\"true\"\r\n [showSeconds]=\"true\"\r\n [maxDate]=\"getMaxDate()\"\r\n [firstDayOfWeek]=\"translationsObject.firstDayOfWeek ?? 1\"\r\n [placeholder]=\"translationsObject.fieldsPlaceholders.from ?? 'Desde'\"\r\n [displayInlineBlock]=\"true\"\r\n [showLabel]=\"false\">\r\n </w-edit-calendar>\r\n</ng-template>\r\n<ng-template #toCalendarTemplate>\r\n <w-edit-calendar\r\n [disabled]=\"disableCalendar()\"\r\n class=\"w-period-select-field q-inline-block-display w-filter-panel-basic-query-builder-input-width period-select-field-width\" \r\n [ngClass]=\"{'fadein animation-duration-2000' : isCustomSelected, 'col-8': allowLabels}\"\r\n appendTo=\"self\" \r\n size=\"small\" \r\n [dataType]=\"'date'\"\r\n [showIcon]=\"false\"\r\n [(ngModel)]=\"toDateValue\"\r\n [required]=\"true\"\r\n (onChange)=\"onToDateChange()\"\r\n [showTime]=\"true\"\r\n [showSeconds]=\"true\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"fromDateValue\"\r\n [autoMinDate]=\"false\"\r\n [firstDayOfWeek]=\"translationsObject.firstDayOfWeek ?? 1\"\r\n [placeholder]=\"translationsObject.fieldsPlaceholders.to ?? 'Hasta'\"\r\n [displayInlineBlock]=\"true\"\r\n [showLabel]=\"false\">\r\n </w-edit-calendar>\r\n</ng-template>\r\n", styles: ["::ng-deep .w-period-select-field .w-edit-select-field w-input-label{display:none}\n"] }]
|
|
4670
|
+
], standalone: false, template: "@if (!allowLabels) {\r\n <ng-container *ngTemplateOutlet=\"periodCategoriesTemplate\"></ng-container>\r\n @if (isCustomSelected){\r\n <ng-container *ngTemplateOutlet=\"fromCalendarTemplate\"></ng-container>\r\n <ng-container *ngTemplateOutlet=\"toCalendarTemplate\"></ng-container>\r\n }\r\n} @else {\r\n <w-panel-grid>\r\n <w-panel-grid class=\"col-4\">\r\n <w-input-label class=\"w-period-select-field-label col-4\" [label]=\"labels[0]\"></w-input-label>\r\n <ng-container *ngTemplateOutlet=\"periodCategoriesTemplate\"></ng-container>\r\n </w-panel-grid>\r\n @if (isCustomSelected) {\r\n <w-panel-grid class=\"col-4\">\r\n <w-input-label class=\"w-period-select-field-label col-4\" [label]=\"labels[1]\"></w-input-label>\r\n <ng-container *ngTemplateOutlet=\"fromCalendarTemplate\"></ng-container>\r\n </w-panel-grid>\r\n <w-panel-grid class=\"col-4\">\r\n <w-input-label class=\"w-period-select-field-label col-4\" [label]=\"labels[2]\"></w-input-label>\r\n <ng-container *ngTemplateOutlet=\"toCalendarTemplate\"></ng-container>\r\n </w-panel-grid>\r\n }\r\n </w-panel-grid>\r\n}\r\n\r\n<ng-template #periodCategoriesTemplate>\r\n <w-edit-select \r\n class=\"w-period-select-field q-inline-block-display w-filter-panel-basic-query-builder-input-width period-select-field-width\"\r\n [ngClass]=\"{'col-8': allowLabels}\"\r\n appendTo=\"self\"\r\n [options]=\"periodCategories\"\r\n [(ngModel)]=\"periodCategorySelected\"\r\n (onChange)=\"onPeriodCategorySelected()\"\r\n (onClear)=\"onClearCategory()\"\r\n optionLabel=\"name\"\r\n optionValue=\"value\"\r\n [required]=\"required\"\r\n [placeholder]=\"placeholder\">\r\n </w-edit-select>\r\n</ng-template>\r\n<ng-template #fromCalendarTemplate>\r\n <w-edit-calendar\r\n [disabled]=\"disableCalendar()\"\r\n class=\"w-period-select-field q-inline-block-display w-filter-panel-basic-query-builder-input-width period-select-field-width\" \r\n [ngClass]=\"{'fadein animation-duration-2000' : isCustomSelected, 'col-8': allowLabels}\"\r\n appendTo=\"self\" \r\n size=\"small\" \r\n [dataType]=\"'date'\"\r\n [showIcon]=\"false\"\r\n [(ngModel)]=\"fromDateValue\"\r\n [required]=\"true\"\r\n (onChange)=\"onFromDateChange()\"\r\n [showTime]=\"true\"\r\n [showSeconds]=\"true\"\r\n [maxDate]=\"getMaxDate()\"\r\n [firstDayOfWeek]=\"translationsObject.firstDayOfWeek ?? 1\"\r\n [placeholder]=\"translationsObject.fieldsPlaceholders.from ?? 'Desde'\"\r\n [displayInlineBlock]=\"true\"\r\n [showLabel]=\"false\">\r\n </w-edit-calendar>\r\n</ng-template>\r\n<ng-template #toCalendarTemplate>\r\n <w-edit-calendar\r\n [disabled]=\"disableCalendar()\"\r\n class=\"w-period-select-field q-inline-block-display w-filter-panel-basic-query-builder-input-width period-select-field-width\" \r\n [ngClass]=\"{'fadein animation-duration-2000' : isCustomSelected, 'col-8': allowLabels}\"\r\n appendTo=\"self\" \r\n size=\"small\" \r\n [dataType]=\"'date'\"\r\n [showIcon]=\"false\"\r\n [(ngModel)]=\"toDateValue\"\r\n [required]=\"true\"\r\n (onChange)=\"onToDateChange()\"\r\n [showTime]=\"true\"\r\n [showSeconds]=\"true\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"fromDateValue\"\r\n [autoMinDate]=\"false\"\r\n [firstDayOfWeek]=\"translationsObject.firstDayOfWeek ?? 1\"\r\n [placeholder]=\"translationsObject.fieldsPlaceholders.to ?? 'Hasta'\"\r\n [displayInlineBlock]=\"true\"\r\n [showLabel]=\"false\">\r\n </w-edit-calendar>\r\n</ng-template>\r\n", styles: ["::ng-deep .w-period-select-field .w-edit-select-field w-input-label{display:none}::ng-deep .w-period-select-field-label{align-content:center}\n"] }]
|
|
4669
4671
|
}], ctorParameters: () => [{ type: LocalStorageService }, { type: SessionStorageService }], propDecorators: { operator: [{
|
|
4670
4672
|
type: Input,
|
|
4671
4673
|
args: ['operator']
|