ngx-wapp-components 3.2.32-alpha.4 → 3.2.32-alpha.5
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.
|
@@ -4655,7 +4655,7 @@ class WPeriodSelectFieldComponent {
|
|
|
4655
4655
|
useExisting: forwardRef(() => WPeriodSelectFieldComponent),
|
|
4656
4656
|
multi: true
|
|
4657
4657
|
}
|
|
4658
|
-
], ngImport: i0, template: "<ng-
|
|
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"] }] }); }
|
|
4659
4659
|
}
|
|
4660
4660
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WPeriodSelectFieldComponent, decorators: [{
|
|
4661
4661
|
type: Component,
|
|
@@ -4665,7 +4665,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
|
|
|
4665
4665
|
useExisting: forwardRef(() => WPeriodSelectFieldComponent),
|
|
4666
4666
|
multi: true
|
|
4667
4667
|
}
|
|
4668
|
-
], standalone: false, template: "<ng-
|
|
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"] }]
|
|
4669
4669
|
}], ctorParameters: () => [{ type: LocalStorageService }, { type: SessionStorageService }], propDecorators: { operator: [{
|
|
4670
4670
|
type: Input,
|
|
4671
4671
|
args: ['operator']
|