ngx-wapp-components 3.0.38-alpha.3 → 3.0.38-alpha.4
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.
|
@@ -4456,14 +4456,17 @@ class WPeriodSelectFieldComponent {
|
|
|
4456
4456
|
return this.maxDate;
|
|
4457
4457
|
}
|
|
4458
4458
|
}
|
|
4459
|
+
get isCustomSelected() {
|
|
4460
|
+
return this.periodCategorySelected === PeriodSelectEnum.Custom;
|
|
4461
|
+
}
|
|
4459
4462
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: WPeriodSelectFieldComponent, deps: [{ token: LocalStorageService }, { token: SessionStorageService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4460
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
4463
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.5", type: WPeriodSelectFieldComponent, isStandalone: false, selector: "w-period-select-field", inputs: { operator: "operator", placeholder: "placeholder", translationsObject: "translationsObject", periodSelectValue: "periodSelectValue", required: "required" }, providers: [
|
|
4461
4464
|
{
|
|
4462
4465
|
provide: NG_VALUE_ACCESSOR,
|
|
4463
4466
|
useExisting: forwardRef(() => WPeriodSelectFieldComponent),
|
|
4464
4467
|
multi: true
|
|
4465
4468
|
}
|
|
4466
|
-
], ngImport: i0, template: "<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 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
|
|
4469
|
+
], ngImport: i0, template: "<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 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@if (isCustomSelected) {\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}\"\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 <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}\"\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}", 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: 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"], outputs: ["onChange", "onClear"] }, { 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"] }] }); }
|
|
4467
4470
|
}
|
|
4468
4471
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: WPeriodSelectFieldComponent, decorators: [{
|
|
4469
4472
|
type: Component,
|
|
@@ -4473,7 +4476,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
|
|
|
4473
4476
|
useExisting: forwardRef(() => WPeriodSelectFieldComponent),
|
|
4474
4477
|
multi: true
|
|
4475
4478
|
}
|
|
4476
|
-
], standalone: false, template: "<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 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
|
|
4479
|
+
], standalone: false, template: "<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 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@if (isCustomSelected) {\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}\"\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 <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}\"\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}", styles: ["::ng-deep .w-period-select-field .w-edit-select-field w-input-label{display:none}\n"] }]
|
|
4477
4480
|
}], ctorParameters: () => [{ type: LocalStorageService }, { type: SessionStorageService }], propDecorators: { operator: [{
|
|
4478
4481
|
type: Input,
|
|
4479
4482
|
args: ['operator']
|