ngx-wapp-components 3.0.4-alpha.4 → 3.0.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.
@@ -9678,6 +9678,7 @@ class WCronExpressionsComponent {
9678
9678
  this.expression = ['*', '*', '*', '*', '*', '*'];
9679
9679
  this.description = '';
9680
9680
  this.occurrences = '';
9681
+ this.hiddeHoursAndMinutes = false;
9681
9682
  this._startDate = new Date();
9682
9683
  this._endDate = new Date(new Date().setMonth(new Date().getMonth() + 1));
9683
9684
  this.hasContainer = true;
@@ -9814,6 +9815,14 @@ class WCronExpressionsComponent {
9814
9815
  }
9815
9816
  }
9816
9817
  initParsedValues() {
9818
+ if (this.hiddeHoursAndMinutes) {
9819
+ this.hourSelected = 0;
9820
+ this.minuteSelected = 0;
9821
+ const parts = this.initialValue.split(' ');
9822
+ parts[CronFieldType.Hour] = '0';
9823
+ parts[CronFieldType.Minute] = '0';
9824
+ this.initialValue = parts.join(' ');
9825
+ }
9817
9826
  this.expression = this.parseCronExpression(this.initialValue);
9818
9827
  this.periodicitySelected = this.getCronPeriodicityType(this.initialValue);
9819
9828
  this.handleZeroHoursArray();
@@ -9862,11 +9871,12 @@ class WCronExpressionsComponent {
9862
9871
  case CronPeriodicityType.RepeatEveryMinute:
9863
9872
  case CronPeriodicityType.RepeatEveryXHours:
9864
9873
  case CronPeriodicityType.RepeatEveryHour:
9874
+ return true;
9865
9875
  case CronPeriodicityType.RepeatEveryXDays:
9866
9876
  case CronPeriodicityType.RepeatEveryWeek:
9867
9877
  case CronPeriodicityType.RepeatEveryMonth:
9868
9878
  case CronPeriodicityType.RepeatEveryXMonths:
9869
- return true;
9879
+ return !this.hiddeHoursAndMinutes;
9870
9880
  default:
9871
9881
  return false;
9872
9882
  }
@@ -9875,11 +9885,12 @@ class WCronExpressionsComponent {
9875
9885
  switch (this.periodicitySelected) {
9876
9886
  case CronPeriodicityType.RepeatEveryXHours:
9877
9887
  case CronPeriodicityType.RepeatEveryHour:
9888
+ return true;
9878
9889
  case CronPeriodicityType.RepeatEveryXDays:
9879
9890
  case CronPeriodicityType.RepeatEveryWeek:
9880
9891
  case CronPeriodicityType.RepeatEveryMonth:
9881
9892
  case CronPeriodicityType.RepeatEveryXMonths:
9882
- return true;
9893
+ return !this.hiddeHoursAndMinutes;
9883
9894
  default:
9884
9895
  return false;
9885
9896
  }
@@ -10029,7 +10040,12 @@ class WCronExpressionsComponent {
10029
10040
  this.cronToHuman();
10030
10041
  }
10031
10042
  cronToHuman() {
10032
- this.description = cronstrue.toString(this.expression.join(' '), { locale: window.navigator.language.slice(0, 2) });
10043
+ const expressionForParsing = [...this.expression];
10044
+ if (this.shouldHiddeHoursAndMinutes()) {
10045
+ expressionForParsing[CronFieldType.Minute] = '0';
10046
+ expressionForParsing[CronFieldType.Hour] = '0';
10047
+ }
10048
+ this.description = cronstrue.toString(expressionForParsing.join(' '), { locale: window.navigator.language.slice(0, 2) });
10033
10049
  if (this.startDate && this.endDate) {
10034
10050
  const adjustedStartDate = new Date(this.startDate.getTime() - 60000);
10035
10051
  const options = {
@@ -10040,8 +10056,8 @@ class WCronExpressionsComponent {
10040
10056
  const firstExecOptions = {
10041
10057
  currentDate: adjustedStartDate
10042
10058
  };
10043
- const interval = CronExpressionParser.parse(this.expression.join(' '), options);
10044
- const intervalForFirstExecution = CronExpressionParser.parse(this.expression.join(' '), firstExecOptions);
10059
+ const interval = CronExpressionParser.parse(expressionForParsing.join(' '), options);
10060
+ const intervalForFirstExecution = CronExpressionParser.parse(expressionForParsing.join(' '), firstExecOptions);
10045
10061
  const dates = [];
10046
10062
  let maxOccurrences = 5;
10047
10063
  let count = 0;
@@ -10074,6 +10090,13 @@ class WCronExpressionsComponent {
10074
10090
  this.cronExpression.emit(cronExpression);
10075
10091
  }
10076
10092
  }
10093
+ shouldHiddeHoursAndMinutes() {
10094
+ return this.hiddeHoursAndMinutes &&
10095
+ (this.periodicitySelected === CronPeriodicityType.RepeatEveryXMonths ||
10096
+ this.periodicitySelected === CronPeriodicityType.RepeatEveryMonth ||
10097
+ this.periodicitySelected === CronPeriodicityType.RepeatEveryXDays ||
10098
+ this.periodicitySelected === CronPeriodicityType.RepeatEveryWeek);
10099
+ }
10077
10100
  localUserCronToUTCCron(cronExpression) {
10078
10101
  const cronParts = cronExpression.trim().split(' ');
10079
10102
  const userOffset = -(new Date().getTimezoneOffset() / 60);
@@ -10171,6 +10194,9 @@ class WCronExpressionsComponent {
10171
10194
  get periodicitySelected() {
10172
10195
  return this.formGroup?.get('periodicity').value;
10173
10196
  }
10197
+ set minuteSelected(value) {
10198
+ this.formGroup?.patchValue({ minutes: value });
10199
+ }
10174
10200
  get minuteSelected() {
10175
10201
  return this.formGroup?.get('minutes').value;
10176
10202
  }
@@ -10193,7 +10219,7 @@ class WCronExpressionsComponent {
10193
10219
  return this.formGroup?.get('months').value;
10194
10220
  }
10195
10221
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: WCronExpressionsComponent, deps: [{ token: i1$2.FormBuilder }, { token: FormControlService }, { token: WDatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
10196
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: WCronExpressionsComponent, isStandalone: false, selector: "w-cron-expressions", inputs: { initialValue: "initialValue", startDate: "startDate", endDate: "endDate", periodicitiesDisplayed: "periodicitiesDisplayed", hasContainer: "hasContainer", occurrencesNumber: "occurrencesNumber", translationsObject: "translationsObject" }, outputs: { cronExpression: "cronExpression", firstExecutionDate: "firstExecutionDate" }, ngImport: i0, template: "@if (hasContainer) {\r\n <w-panel>\r\n <ng-container *ngTemplateOutlet=\"cronComponent\"></ng-container>\r\n </w-panel>\r\n} @else {\r\n <form [formGroup]=\"formGroup\" class=\"col-12\">\r\n <w-panel-grid class=\"col-12\">\r\n <w-edit-select class=\"col-12\"\r\n [label]=\"translationsObject.periodicityLabel\"\r\n [required]=\"true\"\r\n [options]=\"periodicities\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('periodicity'))\"\r\n (onChange)=\"onPeriodicitySelected()\">\r\n </w-edit-select>\r\n @if (allowMonths()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.monthsLabel\"\r\n [required]=\"true\"\r\n [options]=\"months\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('months'))\"\r\n (onChange)=\"onMonthsSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowMonthDays()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.daysLabel\"\r\n [required]=\"isMonthDaysRequired()\"\r\n [options]=\"monthDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'value'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('monthDays'))\"\r\n (onChange)=\"onMonthDaysSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowMonthDay()) {\r\n <w-edit-select\r\n class=\"col-12\"\r\n [label]=\"translationsObject.daysLabel\"\r\n [required]=\"true\"\r\n [options]=\"monthDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'value'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('monthDay'))\"\r\n (onChange)=\"onMonthDaysSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowWeekDays()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.weekDaysLabel\"\r\n [required]=\"true\"\r\n [options]=\"weekDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('weekDays'))\"\r\n (onChange)=\"onWeekDaysSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowHours()) {\r\n <w-edit-select\r\n class=\"col-6\"\r\n [label]=\"translationsObject.hourLabel\"\r\n [required]=\"true\"\r\n [options]=\"hours\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('hours'))\"\r\n (onChange)=\"onHoursSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowMinutes()) {\r\n <w-edit-select\r\n [ngClass]=\"{'col-6': allowHours(), 'col-12': !allowHours()}\"\r\n [label]=\"translationsObject.minuteLabel\"\r\n [required]=\"true\"\r\n [options]=\"minutes\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('minutes'))\"\r\n (onChange)=\"onMinuteSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowSeconds()) {\r\n <w-edit-input-number\r\n class=\"col-6\"\r\n [label]=\"'Segundos'\"\r\n [required]=\"true\"\r\n [min]=\"0\"\r\n [max]=\"59\">\r\n </w-edit-input-number>\r\n }\r\n <w-view-text class=\"col-12\"\r\n [label]=\"translationsObject.descriptionLabel\"\r\n [value]=\"description\"\r\n [layout]=\"'vertical'\">\r\n </w-view-text>\r\n <w-view-text class=\"col-12\"\r\n [label]=\"translationsObject.occurrencesLabel\"\r\n [value]=\"occurrences\"\r\n [layout]=\"'vertical'\">\r\n </w-view-text>\r\n </w-panel-grid>\r\n </form>\r\n}\r\n\r\n<ng-template #cronComponent>\r\n <form [formGroup]=\"formGroup\" class=\"col-12\">\r\n <w-panel-grid class=\"col-12\">\r\n <w-edit-select class=\"col-12\"\r\n [label]=\"translationsObject.periodicityLabel\"\r\n [required]=\"true\"\r\n [options]=\"periodicities\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('periodicity'))\"\r\n (onChange)=\"onPeriodicitySelected()\">\r\n </w-edit-select>\r\n @if (allowMonths()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.monthsLabel\"\r\n [required]=\"true\"\r\n [options]=\"months\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('months'))\"\r\n (onChange)=\"onMonthsSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowMonthDays()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.daysLabel\"\r\n [required]=\"isMonthDaysRequired()\"\r\n [options]=\"monthDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'value'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('monthDays'))\"\r\n (onChange)=\"onMonthDaysSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowMonthDay()) {\r\n <w-edit-select\r\n class=\"col-12\"\r\n [label]=\"translationsObject.daysLabel\"\r\n [required]=\"true\"\r\n [options]=\"monthDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'value'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('monthDay'))\"\r\n (onChange)=\"onMonthDaysSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowWeekDays()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.weekDaysLabel\"\r\n [required]=\"true\"\r\n [options]=\"weekDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('weekDays'))\"\r\n (onChange)=\"onWeekDaysSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowHours()) {\r\n <w-edit-select\r\n class=\"col-6\"\r\n [label]=\"translationsObject.hourLabel\"\r\n [required]=\"true\"\r\n [options]=\"hours\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('hours'))\"\r\n (onChange)=\"onHoursSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowMinutes()) {\r\n <w-edit-select\r\n [ngClass]=\"{'col-6': allowHours(), 'col-12': !allowHours()}\"\r\n [label]=\"translationsObject.minuteLabel\"\r\n [required]=\"true\"\r\n [options]=\"minutes\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('minutes'))\"\r\n (onChange)=\"onMinuteSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowSeconds()) {\r\n <w-edit-input-number\r\n class=\"col-6\"\r\n [label]=\"'Segundos'\"\r\n [required]=\"true\"\r\n [min]=\"0\"\r\n [max]=\"59\">\r\n </w-edit-input-number>\r\n }\r\n <w-view-text class=\"col-12\"\r\n [label]=\"translationsObject.descriptionLabel\"\r\n [value]=\"description\"\r\n [layout]=\"'vertical'\">\r\n </w-view-text>\r\n <w-view-text class=\"col-12\"\r\n [label]=\"translationsObject.occurrencesLabel\"\r\n [value]=\"occurrences\"\r\n [layout]=\"'vertical'\">\r\n </w-view-text>\r\n </w-panel-grid>\r\n </form>\r\n</ng-template>", styles: [""], dependencies: [{ kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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: WEditInputNumberComponent, selector: "w-edit-input-number", inputs: ["label", "showLabel", "placeholder", "successMessage", "mode", "minFractionDigits", "maxFractionDigits", "required", "requiredErrorDescription", "disabled", "min", "minErrorDescription", "max", "maxErrorDescription", "prefix", "suffix", "autofocus", "size", "formControl", "removePaddingTop", "useGrouping", "tooltip", "tooltipPosition"] }, { kind: "component", type: WEditSelectComponent, selector: "w-edit-select", inputs: ["label", "showLabel", "placeholder", "disabled", "loading", "required", "size", "options", "filter", "filterPlaceholder", "optionLabel", "optionValue", "appendTo", "showClear", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition"], outputs: ["onChange", "onClear"] }, { kind: "component", type: WEditMultiselectComponent, selector: "w-edit-multiselect", inputs: ["label", "showLabel", "placeholder", "filter", "filterPlaceholder", "disabled", "optionDisabled", "showPanelDisabled", "readonly", "required", "size", "options", "optionLabel", "optionValue", "appendTo", "showClear", "showToggleAll", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition"], outputs: ["onChange"] }, { kind: "component", type: WPanelComponent, selector: "w-panel", inputs: ["width", "title", "subtitle", "activeGrid", "reduced", "justifyContent", "activeOverflow", "heightOverflow", "maxHeightOverflow", "backgroundColor", "activeMaxHeight", "activeMenu", "menuOptions", "wPanelStyleClass", "wPanelContentStyleClass"] }, { kind: "component", type: WPanelGridComponent, selector: "w-panel-grid" }, { kind: "component", type: WViewTextComponent, selector: "w-view-text", inputs: ["label", "value", "tooltip", "tooltipPosition", "layout", "displayAsList"] }] }); }
10222
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.2", type: WCronExpressionsComponent, isStandalone: false, selector: "w-cron-expressions", inputs: { initialValue: "initialValue", hiddeHoursAndMinutes: "hiddeHoursAndMinutes", startDate: "startDate", endDate: "endDate", periodicitiesDisplayed: "periodicitiesDisplayed", hasContainer: "hasContainer", occurrencesNumber: "occurrencesNumber", translationsObject: "translationsObject" }, outputs: { cronExpression: "cronExpression", firstExecutionDate: "firstExecutionDate" }, ngImport: i0, template: "@if (hasContainer) {\r\n <w-panel>\r\n <ng-container *ngTemplateOutlet=\"cronComponent\"></ng-container>\r\n </w-panel>\r\n} @else {\r\n <form [formGroup]=\"formGroup\" class=\"col-12\">\r\n <w-panel-grid class=\"col-12\">\r\n <w-edit-select class=\"col-12\"\r\n [label]=\"translationsObject.periodicityLabel\"\r\n [required]=\"true\"\r\n [options]=\"periodicities\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('periodicity'))\"\r\n (onChange)=\"onPeriodicitySelected()\">\r\n </w-edit-select>\r\n @if (allowMonths()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.monthsLabel\"\r\n [required]=\"true\"\r\n [options]=\"months\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('months'))\"\r\n (onChange)=\"onMonthsSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowMonthDays()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.daysLabel\"\r\n [required]=\"isMonthDaysRequired()\"\r\n [options]=\"monthDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'value'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('monthDays'))\"\r\n (onChange)=\"onMonthDaysSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowMonthDay()) {\r\n <w-edit-select\r\n class=\"col-12\"\r\n [label]=\"translationsObject.daysLabel\"\r\n [required]=\"true\"\r\n [options]=\"monthDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'value'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('monthDay'))\"\r\n (onChange)=\"onMonthDaysSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowWeekDays()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.weekDaysLabel\"\r\n [required]=\"true\"\r\n [options]=\"weekDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('weekDays'))\"\r\n (onChange)=\"onWeekDaysSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowHours()) {\r\n <w-edit-select\r\n class=\"col-6\"\r\n [label]=\"translationsObject.hourLabel\"\r\n [required]=\"true\"\r\n [options]=\"hours\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('hours'))\"\r\n (onChange)=\"onHoursSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowMinutes()) {\r\n <w-edit-select\r\n [ngClass]=\"{'col-6': allowHours(), 'col-12': !allowHours()}\"\r\n [label]=\"translationsObject.minuteLabel\"\r\n [required]=\"true\"\r\n [options]=\"minutes\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('minutes'))\"\r\n (onChange)=\"onMinuteSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowSeconds()) {\r\n <w-edit-input-number\r\n class=\"col-6\"\r\n [label]=\"'Segundos'\"\r\n [required]=\"true\"\r\n [min]=\"0\"\r\n [max]=\"59\">\r\n </w-edit-input-number>\r\n }\r\n <w-view-text class=\"col-12\"\r\n [label]=\"translationsObject.descriptionLabel\"\r\n [value]=\"description\"\r\n [layout]=\"'vertical'\">\r\n </w-view-text>\r\n <w-view-text class=\"col-12\"\r\n [label]=\"translationsObject.occurrencesLabel\"\r\n [value]=\"occurrences\"\r\n [layout]=\"'vertical'\">\r\n </w-view-text>\r\n </w-panel-grid>\r\n </form>\r\n}\r\n\r\n<ng-template #cronComponent>\r\n <form [formGroup]=\"formGroup\" class=\"col-12\">\r\n <w-panel-grid class=\"col-12\">\r\n <w-edit-select class=\"col-12\"\r\n [label]=\"translationsObject.periodicityLabel\"\r\n [required]=\"true\"\r\n [options]=\"periodicities\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('periodicity'))\"\r\n (onChange)=\"onPeriodicitySelected()\">\r\n </w-edit-select>\r\n @if (allowMonths()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.monthsLabel\"\r\n [required]=\"true\"\r\n [options]=\"months\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('months'))\"\r\n (onChange)=\"onMonthsSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowMonthDays()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.daysLabel\"\r\n [required]=\"isMonthDaysRequired()\"\r\n [options]=\"monthDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'value'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('monthDays'))\"\r\n (onChange)=\"onMonthDaysSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowMonthDay()) {\r\n <w-edit-select\r\n class=\"col-12\"\r\n [label]=\"translationsObject.daysLabel\"\r\n [required]=\"true\"\r\n [options]=\"monthDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'value'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('monthDay'))\"\r\n (onChange)=\"onMonthDaysSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowWeekDays()) {\r\n <w-edit-multiselect\r\n class=\"col-12\"\r\n [label]=\"translationsObject.weekDaysLabel\"\r\n [required]=\"true\"\r\n [options]=\"weekDays\"\r\n [optionValue]=\"'value'\"\r\n [optionLabel]=\"'name'\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('weekDays'))\"\r\n (onChange)=\"onWeekDaysSelected($event)\">\r\n </w-edit-multiselect>\r\n }\r\n @if (allowHours()) {\r\n <w-edit-select\r\n class=\"col-6\"\r\n [label]=\"translationsObject.hourLabel\"\r\n [required]=\"true\"\r\n [options]=\"hours\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('hours'))\"\r\n (onChange)=\"onHoursSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowMinutes()) {\r\n <w-edit-select\r\n [ngClass]=\"{'col-6': allowHours(), 'col-12': !allowHours()}\"\r\n [label]=\"translationsObject.minuteLabel\"\r\n [required]=\"true\"\r\n [options]=\"minutes\"\r\n [formControl]=\"formControlService.convertToFormControl(formGroup.get('minutes'))\"\r\n (onChange)=\"onMinuteSelected($event)\">\r\n </w-edit-select>\r\n }\r\n @if (allowSeconds()) {\r\n <w-edit-input-number\r\n class=\"col-6\"\r\n [label]=\"'Segundos'\"\r\n [required]=\"true\"\r\n [min]=\"0\"\r\n [max]=\"59\">\r\n </w-edit-input-number>\r\n }\r\n <w-view-text class=\"col-12\"\r\n [label]=\"translationsObject.descriptionLabel\"\r\n [value]=\"description\"\r\n [layout]=\"'vertical'\">\r\n </w-view-text>\r\n <w-view-text class=\"col-12\"\r\n [label]=\"translationsObject.occurrencesLabel\"\r\n [value]=\"occurrences\"\r\n [layout]=\"'vertical'\">\r\n </w-view-text>\r\n </w-panel-grid>\r\n </form>\r\n</ng-template>", styles: [""], dependencies: [{ kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { 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: WEditInputNumberComponent, selector: "w-edit-input-number", inputs: ["label", "showLabel", "placeholder", "successMessage", "mode", "minFractionDigits", "maxFractionDigits", "required", "requiredErrorDescription", "disabled", "min", "minErrorDescription", "max", "maxErrorDescription", "prefix", "suffix", "autofocus", "size", "formControl", "removePaddingTop", "useGrouping", "tooltip", "tooltipPosition"] }, { kind: "component", type: WEditSelectComponent, selector: "w-edit-select", inputs: ["label", "showLabel", "placeholder", "disabled", "loading", "required", "size", "options", "filter", "filterPlaceholder", "optionLabel", "optionValue", "appendTo", "showClear", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition"], outputs: ["onChange", "onClear"] }, { kind: "component", type: WEditMultiselectComponent, selector: "w-edit-multiselect", inputs: ["label", "showLabel", "placeholder", "filter", "filterPlaceholder", "disabled", "optionDisabled", "showPanelDisabled", "readonly", "required", "size", "options", "optionLabel", "optionValue", "appendTo", "showClear", "showToggleAll", "formControl", "requiredErrorDescription", "removePaddingTop", "tooltip", "tooltipPosition"], outputs: ["onChange"] }, { kind: "component", type: WPanelComponent, selector: "w-panel", inputs: ["width", "title", "subtitle", "activeGrid", "reduced", "justifyContent", "activeOverflow", "heightOverflow", "maxHeightOverflow", "backgroundColor", "activeMaxHeight", "activeMenu", "menuOptions", "wPanelStyleClass", "wPanelContentStyleClass"] }, { kind: "component", type: WPanelGridComponent, selector: "w-panel-grid" }, { kind: "component", type: WViewTextComponent, selector: "w-view-text", inputs: ["label", "value", "tooltip", "tooltipPosition", "layout", "displayAsList"] }] }); }
10197
10223
  }
10198
10224
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImport: i0, type: WCronExpressionsComponent, decorators: [{
10199
10225
  type: Component,
@@ -10201,6 +10227,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.2", ngImpor
10201
10227
  }], ctorParameters: () => [{ type: i1$2.FormBuilder }, { type: FormControlService }, { type: WDatePipe }], propDecorators: { initialValue: [{
10202
10228
  type: Input,
10203
10229
  args: ['initialValue']
10230
+ }], hiddeHoursAndMinutes: [{
10231
+ type: Input,
10232
+ args: ['hiddeHoursAndMinutes']
10204
10233
  }], startDate: [{
10205
10234
  type: Input,
10206
10235
  args: ['startDate']