@verisoft/ui-primeng 18.8.0 → 19.0.1-1
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/assets/sass/main.scss +1 -2
- package/assets/sass/vendors/_primeng.scss +1 -1
- package/fesm2022/verisoft-ui-primeng.mjs +288 -317
- package/fesm2022/verisoft-ui-primeng.mjs.map +1 -1
- package/index.d.ts +2 -1
- package/lib/components/button/button-severity.pipe.d.ts +9 -0
- package/lib/components/checkbox/checkbox.component.d.ts +2 -1
- package/lib/components/dropdown-button/dropdown-button.component.d.ts +14 -0
- package/lib/components/dropdown-button/index.d.ts +1 -0
- package/lib/components/errors/error.component.d.ts +1 -1
- package/lib/components/shared-components/action-button-group/action-button-group.component.d.ts +1 -2
- package/lib/components/tab-view/index.d.ts +0 -1
- package/lib/components/tab-view/tab-view-item.component.d.ts +1 -1
- package/lib/components/tab-view/tab-view.component.d.ts +1 -1
- package/lib/components/tooltip/index.d.ts +1 -0
- package/lib/components/tooltip/tooltip.component.d.ts +10 -0
- package/package.json +11 -15
- package/assets/sass/layout/_tristatecheckbox.scss +0 -15
- package/esm2022/index.mjs +0 -30
- package/esm2022/lib/components/breadcrumb/breadcrumb.component.mjs +0 -31
- package/esm2022/lib/components/breadcrumb/breadcrumb.pipe.mjs +0 -17
- package/esm2022/lib/components/breadcrumb/index.mjs +0 -2
- package/esm2022/lib/components/button/button.component.mjs +0 -61
- package/esm2022/lib/components/button/index.mjs +0 -2
- package/esm2022/lib/components/calendar/calendar.component.mjs +0 -73
- package/esm2022/lib/components/calendar/index.mjs +0 -2
- package/esm2022/lib/components/checkbox/checkbox.component.mjs +0 -47
- package/esm2022/lib/components/checkbox/index.mjs +0 -2
- package/esm2022/lib/components/confirm-dialog/confirm-dialog.component.mjs +0 -65
- package/esm2022/lib/components/confirm-dialog/index.mjs +0 -2
- package/esm2022/lib/components/dropdown/dropdown.component.mjs +0 -139
- package/esm2022/lib/components/dropdown/index.mjs +0 -2
- package/esm2022/lib/components/errors/error.component.mjs +0 -41
- package/esm2022/lib/components/errors/index.mjs +0 -2
- package/esm2022/lib/components/form-field/form-field.component.mjs +0 -41
- package/esm2022/lib/components/form-field/index.mjs +0 -2
- package/esm2022/lib/components/header/header.component.mjs +0 -58
- package/esm2022/lib/components/header/index.mjs +0 -3
- package/esm2022/lib/components/header/services/header-provider.service.mjs +0 -24
- package/esm2022/lib/components/input-group/index.mjs +0 -2
- package/esm2022/lib/components/input-group/input-group.component.mjs +0 -57
- package/esm2022/lib/components/loader/index.mjs +0 -2
- package/esm2022/lib/components/loader/loader.component.mjs +0 -19
- package/esm2022/lib/components/multiselect/index.mjs +0 -2
- package/esm2022/lib/components/multiselect/multiselect.component.mjs +0 -124
- package/esm2022/lib/components/number-input/index.mjs +0 -2
- package/esm2022/lib/components/number-input/number-input.component.mjs +0 -64
- package/esm2022/lib/components/page-header/index.mjs +0 -2
- package/esm2022/lib/components/page-header/page-header.component.mjs +0 -28
- package/esm2022/lib/components/password/index.mjs +0 -2
- package/esm2022/lib/components/password/password.component.mjs +0 -59
- package/esm2022/lib/components/radiobutton/index.mjs +0 -2
- package/esm2022/lib/components/radiobutton/radiobutton.component.mjs +0 -57
- package/esm2022/lib/components/section/index.mjs +0 -2
- package/esm2022/lib/components/section/section.component.mjs +0 -35
- package/esm2022/lib/components/shared-components/action-button-group/action-button-group.component.mjs +0 -92
- package/esm2022/lib/components/shared-components/action-button-group/components/action-button/action-button.component.mjs +0 -60
- package/esm2022/lib/components/shared-components/action-button-group/index.mjs +0 -3
- package/esm2022/lib/components/shared-components/dynamic-component/dynamic-component-factory.service.mjs +0 -90
- package/esm2022/lib/components/shared-components/dynamic-component/dynamic-component.component.mjs +0 -41
- package/esm2022/lib/components/shared-components/dynamic-component/index.mjs +0 -3
- package/esm2022/lib/components/shared-components/feature-list/directives/feature-list-column.directive.mjs +0 -46
- package/esm2022/lib/components/shared-components/feature-list/directives/feature-list-filter-field.directive.mjs +0 -16
- package/esm2022/lib/components/shared-components/feature-list/feature-list-filter.pipe.mjs +0 -24
- package/esm2022/lib/components/shared-components/feature-list/feature-list-page.component.mjs +0 -42
- package/esm2022/lib/components/shared-components/feature-list/feature-list-page.model.mjs +0 -16
- package/esm2022/lib/components/shared-components/feature-list/feature-list.component.mjs +0 -275
- package/esm2022/lib/components/shared-components/feature-list/index.mjs +0 -6
- package/esm2022/lib/components/shared-components/filter/directives/filter-field.directive.mjs +0 -44
- package/esm2022/lib/components/shared-components/filter/filter.component.mjs +0 -190
- package/esm2022/lib/components/shared-components/filter/filter.model.mjs +0 -16
- package/esm2022/lib/components/shared-components/filter/index.mjs +0 -3
- package/esm2022/lib/components/shared-components/generic-field/generic-field.component.mjs +0 -93
- package/esm2022/lib/components/shared-components/generic-field/index.mjs +0 -2
- package/esm2022/lib/components/shared-components/generic-form/generic-form.component.mjs +0 -40
- package/esm2022/lib/components/shared-components/generic-form/generic-form.model.mjs +0 -50
- package/esm2022/lib/components/shared-components/generic-form/index.mjs +0 -3
- package/esm2022/lib/components/shared-components/index.mjs +0 -7
- package/esm2022/lib/components/side-menu/index.mjs +0 -3
- package/esm2022/lib/components/side-menu/side-menu.component.mjs +0 -92
- package/esm2022/lib/components/side-menu/side-menu.module.mjs +0 -74
- package/esm2022/lib/components/slider/index.mjs +0 -2
- package/esm2022/lib/components/slider/slider.component.mjs +0 -62
- package/esm2022/lib/components/snackbar/index.mjs +0 -3
- package/esm2022/lib/components/snackbar/services/snackbar.service.mjs +0 -50
- package/esm2022/lib/components/snackbar/snackbar.component.mjs +0 -33
- package/esm2022/lib/components/stepper/index.mjs +0 -2
- package/esm2022/lib/components/stepper/stepper.component.mjs +0 -48
- package/esm2022/lib/components/switch/index.mjs +0 -2
- package/esm2022/lib/components/switch/switch.component.mjs +0 -54
- package/esm2022/lib/components/tab-view/index.mjs +0 -4
- package/esm2022/lib/components/tab-view/tab-menu.pipe.mjs +0 -25
- package/esm2022/lib/components/tab-view/tab-view-item.component.mjs +0 -31
- package/esm2022/lib/components/tab-view/tab-view.component.mjs +0 -50
- package/esm2022/lib/components/tab-view/tab-view.module.mjs +0 -29
- package/esm2022/lib/components/table/index.mjs +0 -2
- package/esm2022/lib/components/table/table-filter.pipe.mjs +0 -49
- package/esm2022/lib/components/table/table.component.mjs +0 -220
- package/esm2022/lib/components/table/table.models.mjs +0 -17
- package/esm2022/lib/components/textarea/index.mjs +0 -2
- package/esm2022/lib/components/textarea/textarea.component.mjs +0 -65
- package/esm2022/lib/components/textfield/index.mjs +0 -2
- package/esm2022/lib/components/textfield/textfield.component.mjs +0 -65
- package/esm2022/lib/components/tristatecheckbox/index.mjs +0 -2
- package/esm2022/lib/components/tristatecheckbox/tristatecheckbox.component.mjs +0 -53
- package/esm2022/lib/icons.mjs +0 -35
- package/esm2022/lib/interceptors/http-error-message.interceptor.mjs +0 -31
- package/esm2022/verisoft-ui-primeng.mjs +0 -5
- package/lib/components/tab-view/tab-menu.pipe.d.ts +0 -9
- package/lib/components/tab-view/tab-view.module.d.ts +0 -13
- package/lib/components/tristatecheckbox/index.d.ts +0 -1
- package/lib/components/tristatecheckbox/tristatecheckbox.component.d.ts +0 -9
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as i2 from '@angular/common';
|
|
2
2
|
import { CommonModule, NgClass, AsyncPipe, NgIf, NgTemplateOutlet } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { inject,
|
|
4
|
+
import { inject, Input, Optional, Self, Component, forwardRef, ChangeDetectionStrategy, Pipe, input, ViewEncapsulation, Inject, Injectable, EventEmitter, ViewChild, Output, NgModule, ChangeDetectorRef, ContentChild, ContentChildren, Directive, InjectionToken, SimpleChange, Injector, ViewContainerRef } from '@angular/core';
|
|
5
5
|
import * as i1 from '@angular/forms';
|
|
6
6
|
import { ReactiveFormsModule, UntypedFormGroup, UntypedFormControl, FormGroup, NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
7
|
-
import * as i1$
|
|
8
|
-
import { BaseFormInputComponent, WarningPipe, BaseInputControls, INPUT_GROUP_COMPONENT_TOKEN, SlotPosition, FieldSize, FieldType, TEXTFIELD_COMPONENT_TOKEN, BreadcrumbCoreComponent, BREADCRUMB_COMPONENT_TOKEN, CHECKBOX_COMPONENT_TOKEN,
|
|
7
|
+
import * as i1$2 from '@verisoft/ui-core';
|
|
8
|
+
import { BaseFormInputComponent, WarningPipe, BaseInputControls, INPUT_GROUP_COMPONENT_TOKEN, SlotPosition, FieldSize, FieldType, TEXTFIELD_COMPONENT_TOKEN, BreadcrumbCoreComponent, BREADCRUMB_COMPONENT_TOKEN, CHECKBOX_COMPONENT_TOKEN, CALENDAR_COMPONENT_TOKEN, PASSWORD_COMPONENT_TOKEN, ControlSeverity, IconPosition, BUTTON_COMPONENT_TOKEN, SECTION_COMPONENT_TOKEN, DROPDOWN_BUTTON_COMPONENT_TOKEN, RADIOBUTTON_COMPONENT_TOKEN, NUMBER_INPUT_COMPONENT_TOKEN, SETTINGS_MENU, UnsubscribeComponent, HEADER_COMPONENT_TOKEN, TEXTAREA_COMPONENT_TOKEN, LOADER_COMPONENT_TOKEN, SNACKBAR_COMPONENT_TOKEN, SideMenuService, ScreenSizeService, MENU_TOKEN, SideMenuProviderService, SIDE_MENU_COMPONENT_TOKEN, SIDE_MENU_STATE_TOKEN, ColumnModel, RowModel, TABLE_COLUMN_PROVIDER, TABLE_COMPONENT_TOKEN, ACTION_BUTTON_GROUP_COMPONENT_TOKEN, queryListChanged, DROPDOWN_COMPONENT_TOKEN, MULTISELECT_COMPONENT_TOKEN, GenericFieldType, DatasourceDirective, GENERIC_FIELD_COMPONENT_TOKEN, DEFAULT_DEBOUNCE_TIME, DialogService, isFilterEmpty, ButtonShortCutDirective, FILTER_COMPONENT_TOKEN, MAX_COLUMN_CHAR_COUNT, TableSelectionMode, downloadFile, TableDatasourceDirective, TableFilterDirective, TableColumnDirective, PageHeaderCoreComponent, PAGE_HEADER_COMPONENT_TOKEN, LayoutType, STEPPER_COMPONENT_TOKEN, SLIDER_COMPONENT_TOKEN, CONFIRM_DIALOG_COMPONENT_TOKEN, SWITCH_COMPONENT_TOKEN, TAB_VIEW_COMPONENT_TOKEN } from '@verisoft/ui-core';
|
|
9
9
|
import * as i4 from 'primeng/inputgroup';
|
|
10
10
|
import { InputGroupModule } from 'primeng/inputgroup';
|
|
11
11
|
import * as i3$1 from 'primeng/inputgroupaddon';
|
|
@@ -23,42 +23,36 @@ import * as i2$2 from 'primeng/breadcrumb';
|
|
|
23
23
|
import { BreadcrumbModule } from 'primeng/breadcrumb';
|
|
24
24
|
import * as i3$2 from 'primeng/checkbox';
|
|
25
25
|
import { CheckboxModule } from 'primeng/checkbox';
|
|
26
|
-
import * as i3$3 from 'primeng/
|
|
27
|
-
import { TriStateCheckboxModule } from 'primeng/tristatecheckbox';
|
|
28
|
-
import * as i3$4 from 'primeng/calendar';
|
|
26
|
+
import * as i3$3 from 'primeng/calendar';
|
|
29
27
|
import { CalendarModule } from 'primeng/calendar';
|
|
30
28
|
import * as i2$3 from 'primeng/password';
|
|
31
29
|
import { PasswordModule } from 'primeng/password';
|
|
32
|
-
import * as
|
|
33
|
-
import { RouterModule, Router, ActivatedRoute, RouterOutlet } from '@angular/router';
|
|
30
|
+
import * as i2$4 from '@angular/router';
|
|
31
|
+
import { RouterModule, Router, ActivatedRoute, RouterOutlet, RouterLink } from '@angular/router';
|
|
34
32
|
import * as i1$1 from 'primeng/button';
|
|
35
33
|
import { ButtonModule } from 'primeng/button';
|
|
36
34
|
import * as i6 from 'primeng/ripple';
|
|
37
35
|
import { RippleModule } from 'primeng/ripple';
|
|
38
|
-
import * as i3$
|
|
36
|
+
import * as i3$4 from 'primeng/radiobutton';
|
|
39
37
|
import { RadioButtonModule } from 'primeng/radiobutton';
|
|
40
|
-
import * as i2$
|
|
38
|
+
import * as i2$5 from 'primeng/inputnumber';
|
|
41
39
|
import { InputNumberModule } from 'primeng/inputnumber';
|
|
42
40
|
import * as i4$2 from 'primeng/avatar';
|
|
43
41
|
import { AvatarModule } from 'primeng/avatar';
|
|
44
|
-
import
|
|
45
|
-
import
|
|
46
|
-
import * as i1$4 from 'primeng/progressspinner';
|
|
42
|
+
import { Textarea } from 'primeng/textarea';
|
|
43
|
+
import * as i1$3 from 'primeng/progressspinner';
|
|
47
44
|
import { ProgressSpinnerModule } from 'primeng/progressspinner';
|
|
48
|
-
import * as i1$
|
|
49
|
-
import * as i2$
|
|
45
|
+
import * as i1$4 from 'primeng/api';
|
|
46
|
+
import * as i2$6 from 'primeng/toast';
|
|
50
47
|
import { ToastModule } from 'primeng/toast';
|
|
51
|
-
import * as i3$
|
|
48
|
+
import * as i3$6 from '@ngx-translate/core';
|
|
52
49
|
import { TranslateModule } from '@ngx-translate/core';
|
|
53
|
-
import * as i1$
|
|
50
|
+
import * as i1$5 from 'primeng/tree';
|
|
54
51
|
import { TreeModule } from 'primeng/tree';
|
|
55
|
-
import * as i2$
|
|
52
|
+
import * as i2$7 from 'primeng/table';
|
|
56
53
|
import { TableModule } from 'primeng/table';
|
|
57
|
-
import * as i2$7 from 'primeng/menu';
|
|
58
|
-
import { MenuModule } from 'primeng/menu';
|
|
59
54
|
import { Subject, takeUntil, combineLatestWith, BehaviorSubject, startWith, map, debounceTime, distinctUntilChanged, take, switchMap, forkJoin, of, catchError, throwError } from 'rxjs';
|
|
60
|
-
import
|
|
61
|
-
import * as i3$7 from 'primeng/dropdown';
|
|
55
|
+
import * as i3$5 from 'primeng/dropdown';
|
|
62
56
|
import { DropdownModule } from 'primeng/dropdown';
|
|
63
57
|
import * as i4$3 from 'primeng/multiselect';
|
|
64
58
|
import { MultiSelectModule } from 'primeng/multiselect';
|
|
@@ -67,15 +61,13 @@ import * as i2$8 from 'primeng/stepper';
|
|
|
67
61
|
import { StepperModule } from 'primeng/stepper';
|
|
68
62
|
import * as i2$9 from 'primeng/slider';
|
|
69
63
|
import { SliderModule } from 'primeng/slider';
|
|
70
|
-
import * as i3$
|
|
64
|
+
import * as i3$7 from 'primeng/dialog';
|
|
71
65
|
import { DialogModule } from 'primeng/dialog';
|
|
72
66
|
import * as i2$a from 'primeng/inputswitch';
|
|
73
67
|
import { InputSwitchModule } from 'primeng/inputswitch';
|
|
74
68
|
import { v4 } from 'uuid';
|
|
75
|
-
import * as
|
|
76
|
-
import {
|
|
77
|
-
import * as i3$a from 'primeng/tabview';
|
|
78
|
-
import { TabViewModule as TabViewModule$1 } from 'primeng/tabview';
|
|
69
|
+
import * as i1$6 from 'primeng/tabs';
|
|
70
|
+
import { TabsModule } from 'primeng/tabs';
|
|
79
71
|
|
|
80
72
|
const Icons = {
|
|
81
73
|
add: 'pi pi-plus',
|
|
@@ -119,12 +111,12 @@ class FormFieldComponent extends BaseFormInputComponent {
|
|
|
119
111
|
this.errorProvider = inject(ERROR_PROVIDER_TOKEN);
|
|
120
112
|
this.icons = Icons;
|
|
121
113
|
}
|
|
122
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
123
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
114
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FormFieldComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
115
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: FormFieldComponent, isStandalone: true, selector: "v-form-field", inputs: { display: "display", variant: "variant" }, usesInheritance: true, ngImport: i0, template: "<div class=\"v-form-field mt-3\" [attr.data-testId]=\"testId\">\n <div [ngClass]=\"{ 'd-block d-md-flex': display === 'flex', 'd-lg-flex': display === 'block' }\">\n <div class=\"col-12 col-md-4 d-flex align-items-center\">\n <label\n class=\"v-formfield-label d-flex align-items-center\"\n [ngClass]=\"{\n 'pb-2': display === 'block',\n 'text-error': (errorProvider.mapError(ngControl?.errors ?? [])) && ngControl?.dirty, \n 'text-warning': (ngControl?.errors | warning) && ngControl?.dirty,\n 'text-default': !ngControl?.invalid && !ngControl?.dirty,\n 'text-secondary': !ngControl?.invalid && ngControl?.dirty\n }\"\n >{{ label }}<span *ngIf=\"label\">:</span>\n <span *ngIf=\"required\" class=\"text-error ps-1\">*</span>\n </label>\n <i *ngIf=\"tooltip\"\n [pTooltip]=\"tooltip\"\n class=\"ps-2 text-default v-tooltip {{ icons.infoCircle }}\"\n ></i>\n </div>\n <div \n class=\"col-sm-12 col-md-8 col-lg-8\"\n >\n <div \n class=\"v-form-field-content align-items-center w-100\"\n [ngClass]=\"{ 'd-flex': display === 'flex', 'd-block': display === 'block', 'input-warning': ngControl?.errors | warning }\"\n >\n <ng-content></ng-content>\n </div>\n </div>\n <div class=\"align-content-center\">\n <ng-container>\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: WarningPipe, name: "warning" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MessageModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] }); }
|
|
124
116
|
}
|
|
125
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
117
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FormFieldComponent, decorators: [{
|
|
126
118
|
type: Component,
|
|
127
|
-
args: [{ selector: 'v-form-field',
|
|
119
|
+
args: [{ selector: 'v-form-field', imports: [
|
|
128
120
|
CommonModule,
|
|
129
121
|
WarningPipe,
|
|
130
122
|
ReactiveFormsModule,
|
|
@@ -145,8 +137,8 @@ class InputGroupComponent extends BaseFormInputComponent {
|
|
|
145
137
|
constructor(ngControl) {
|
|
146
138
|
super(ngControl);
|
|
147
139
|
}
|
|
148
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
149
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
140
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: InputGroupComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
141
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: InputGroupComponent, isStandalone: true, selector: "v-input-group", inputs: { items: "items" }, providers: [
|
|
150
142
|
{
|
|
151
143
|
provide: BaseInputControls,
|
|
152
144
|
useExisting: forwardRef(() => InputGroupComponent),
|
|
@@ -155,11 +147,11 @@ class InputGroupComponent extends BaseFormInputComponent {
|
|
|
155
147
|
provide: INPUT_GROUP_COMPONENT_TOKEN,
|
|
156
148
|
useExisting: InputGroupComponent,
|
|
157
149
|
},
|
|
158
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-input-group w-100\">\n <v-form-field\n [label]=\"label\"\n [required]=\"required\"\n [tooltip]=\"tooltip\" >\n <p-inputGroup>\n <ng-container *ngFor=\"let item of items\">\n <p-inputGroupAddon *ngIf=\"item.position === 'left'\">\n <ng-container *ngIf=\"item.icon\">\n <i [class]=\"item.icon\"></i>\n </ng-container>\n <ng-container *ngIf=\"item.text\">\n {{ item.text }}\n </ng-container>\n </p-inputGroupAddon>\n </ng-container>\n <input pInputText [formControl]=\"formControl\" class=\"w-100\" />\n <ng-container *ngFor=\"let item of items\">\n <p-inputGroupAddon *ngIf=\"item.position === 'right'\">\n <ng-container *ngIf=\"item.icon\">\n <i [class]=\"item.icon\"></i>\n </ng-container>\n <ng-container *ngIf=\"item.text\">\n {{ item.text }}\n </ng-container>\n </p-inputGroupAddon>\n </ng-container>\n </p-inputGroup>\n </v-form-field>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i3$1.InputGroupAddon, selector: "p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i4.InputGroup, selector: "p-inputGroup", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
150
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-input-group w-100\">\n <v-form-field\n [label]=\"label\"\n [required]=\"required\"\n [tooltip]=\"tooltip\" >\n <p-inputGroup>\n <ng-container *ngFor=\"let item of items\">\n <p-inputGroupAddon *ngIf=\"item.position === 'left'\">\n <ng-container *ngIf=\"item.icon\">\n <i [class]=\"item.icon\"></i>\n </ng-container>\n <ng-container *ngIf=\"item.text\">\n {{ item.text }}\n </ng-container>\n </p-inputGroupAddon>\n </ng-container>\n <input pInputText [formControl]=\"formControl\" class=\"w-100\" />\n <ng-container *ngFor=\"let item of items\">\n <p-inputGroupAddon *ngIf=\"item.position === 'right'\">\n <ng-container *ngIf=\"item.icon\">\n <i [class]=\"item.icon\"></i>\n </ng-container>\n <ng-container *ngIf=\"item.text\">\n {{ item.text }}\n </ng-container>\n </p-inputGroupAddon>\n </ng-container>\n </p-inputGroup>\n </v-form-field>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i3$1.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i4.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
159
151
|
}
|
|
160
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: InputGroupComponent, decorators: [{
|
|
161
153
|
type: Component,
|
|
162
|
-
args: [{ selector: 'v-input-group',
|
|
154
|
+
args: [{ selector: 'v-input-group', imports: [
|
|
163
155
|
CommonModule,
|
|
164
156
|
InputGroupAddonModule,
|
|
165
157
|
InputGroupModule,
|
|
@@ -196,12 +188,12 @@ class ErrorComponent {
|
|
|
196
188
|
getErrorMessage(errors) {
|
|
197
189
|
return this.errorService.mapError(errors);
|
|
198
190
|
}
|
|
199
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
200
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
191
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
192
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: ErrorComponent, isStandalone: true, selector: "v-validation-message", inputs: { ngControl: "ngControl", errorSlot: "errorSlot", messageSlot: "messageSlot", variant: "variant", severity: "severity" }, ngImport: i0, template: "\n<p-message\n *ngIf=\"ngControl && ngControl.errors\" \n [severity]=\"severity\"\n text=\"{{ getErrorMessage(ngControl.errors) | async }}\">\n</p-message>\n", styles: [".p-message-content{color:#e60017}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MessageModule }, { kind: "component", type: i2$1.Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }] }); }
|
|
201
193
|
}
|
|
202
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
194
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ErrorComponent, decorators: [{
|
|
203
195
|
type: Component,
|
|
204
|
-
args: [{ selector: "v-validation-message",
|
|
196
|
+
args: [{ selector: "v-validation-message", imports: [CommonModule, MessageModule], template: "\n<p-message\n *ngIf=\"ngControl && ngControl.errors\" \n [severity]=\"severity\"\n text=\"{{ getErrorMessage(ngControl.errors) | async }}\">\n</p-message>\n", styles: [".p-message-content{color:#e60017}\n"] }]
|
|
205
197
|
}], propDecorators: { ngControl: [{
|
|
206
198
|
type: Input,
|
|
207
199
|
args: [{ required: true }]
|
|
@@ -223,8 +215,8 @@ class TextfieldComponent extends BaseFormInputComponent {
|
|
|
223
215
|
this.type = FieldType.text;
|
|
224
216
|
this.floatLabel = false;
|
|
225
217
|
}
|
|
226
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
227
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
218
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TextfieldComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
219
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: TextfieldComponent, isStandalone: true, selector: "v-textfield", inputs: { size: "size", type: "type", floatLabel: "floatLabel" }, providers: [
|
|
228
220
|
{
|
|
229
221
|
provide: BaseInputControls,
|
|
230
222
|
useExisting: forwardRef(() => TextfieldComponent),
|
|
@@ -233,11 +225,11 @@ class TextfieldComponent extends BaseFormInputComponent {
|
|
|
233
225
|
provide: TEXTFIELD_COMPONENT_TOKEN,
|
|
234
226
|
useExisting: TextfieldComponent,
|
|
235
227
|
},
|
|
236
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-text-field\">\n <ng-container *ngIf=\"!floatLabel && label; else floatLabelInput\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <span\n class=\"w-100 flex-grow-1\"\n [ngClass]=\"{ 'p-input-icon-right': type === 'search' }\"\n >\n <input\n pInputText\n [id]=\"inputId\"\n [formControl]=\"formControl\"\n [type]=\"type === 'search' ? 'text' : type\"\n class=\"w-100 flex-grow-1 v-text-field\"\n [required]=\"isRequired()\"\n [readOnly]=\"readonly\"\n [title]=\"label\"\n [placeholder]=\"placeholder ? placeholder : ''\"\n [ngClass]=\"{\n 'p-inputtext-sm': size === 'small',\n 'p-inputtext-lg': size === 'large'\n }\"\n />\n <ng-container *ngIf=\"type === 'search'\">\n <i\n class=\"pi ms-2 v-text-field__icon\"\n [ngStyle]=\"{\n cursor: ngControl && ngControl.value ? 'pointer' : 'default'\n }\"\n [ngClass]=\"{\n 'pi-search': ngControl && !ngControl.value,\n 'pi-times': ngControl && ngControl.value,\n }\"\n (click)=\"ngControl && ngControl.value ? ngControl.reset() : null\"\n ></i>\n </ng-container>\n </span>\n </v-form-field>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </ng-container>\n <ng-template #floatLabelInput>\n <span\n class=\"w-100 flex-grow-1\"\n [ngClass]=\"{ 'p-input-icon-right': type === 'search' }\"\n >\n <p-floatLabel>\n <input\n pInputText\n type=\"text\"\n [id]=\"inputId\"\n class=\"w-100 flex-grow-1\"\n [required]=\"isRequired()\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeholder ? placeholder : ''\"\n [ngClass]=\"{\n 'p-inputtext-sm': size === 'small',\n 'p-inputtext-lg': size === 'large'\n }\"\n />\n <label [for]=\"inputId\" class=\"v-text-field__label\">{{ label }}</label>\n </p-floatLabel>\n <ng-container *ngIf=\"type === 'search'\">\n <i\n class=\"pi ms-2 v-text-field__icon\"\n [ngStyle]=\"{\n cursor: ngControl && ngControl.value ? 'pointer' : 'default'\n }\"\n [ngClass]=\"{\n 'pi-search': ngControl && !ngControl.value,\n 'pi-times': ngControl && ngControl.value,\n }\"\n (click)=\"ngControl && ngControl.value ? ngControl.reset() : null\"\n ></i>\n </ng-container>\n </span>\n </ng-template>\n</div>\n", styles: [".p-inputtext:focus .ng-invalid.ng-dirty{border-color:var(--error-color)}.p-inputtext.ng-dirty.ng-invalid{border-color:var(--error-color)}.verisoft-text-field{justify-content:center;width:100%}.p-input-icon-right i.pi-times:hover{cursor:pointer}.p-inputtext.p-inputtext-lg{font-size:1rem;padding:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i4$1.FloatLabel, selector: "p-floatLabel" }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
228
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-text-field\">\n <ng-container *ngIf=\"!floatLabel && label; else floatLabelInput\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <span\n class=\"w-100 flex-grow-1\"\n [ngClass]=\"{ 'p-input-icon-right': type === 'search' }\"\n >\n <input\n pInputText\n [id]=\"inputId\"\n [formControl]=\"formControl\"\n [type]=\"type === 'search' ? 'text' : type\"\n class=\"w-100 flex-grow-1 v-text-field\"\n [required]=\"isRequired()\"\n [readOnly]=\"readonly\"\n [title]=\"label\"\n [placeholder]=\"placeholder ? placeholder : ''\"\n [ngClass]=\"{\n 'p-inputtext-sm': size === 'small',\n 'p-inputtext-lg': size === 'large'\n }\"\n />\n <ng-container *ngIf=\"type === 'search'\">\n <i\n class=\"pi ms-2 v-text-field__icon\"\n [ngStyle]=\"{\n cursor: ngControl && ngControl.value ? 'pointer' : 'default'\n }\"\n [ngClass]=\"{\n 'pi-search': ngControl && !ngControl.value,\n 'pi-times': ngControl && ngControl.value,\n }\"\n (click)=\"ngControl && ngControl.value ? ngControl.reset() : null\"\n ></i>\n </ng-container>\n </span>\n </v-form-field>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </ng-container>\n <ng-template #floatLabelInput>\n <span\n class=\"w-100 flex-grow-1\"\n [ngClass]=\"{ 'p-input-icon-right': type === 'search' }\"\n >\n <p-floatLabel>\n <input\n pInputText\n type=\"text\"\n [id]=\"inputId\"\n class=\"w-100 flex-grow-1\"\n [required]=\"isRequired()\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeholder ? placeholder : ''\"\n [ngClass]=\"{\n 'p-inputtext-sm': size === 'small',\n 'p-inputtext-lg': size === 'large'\n }\"\n />\n <label [for]=\"inputId\" class=\"v-text-field__label\">{{ label }}</label>\n </p-floatLabel>\n <ng-container *ngIf=\"type === 'search'\">\n <i\n class=\"pi ms-2 v-text-field__icon\"\n [ngStyle]=\"{\n cursor: ngControl && ngControl.value ? 'pointer' : 'default'\n }\"\n [ngClass]=\"{\n 'pi-search': ngControl && !ngControl.value,\n 'pi-times': ngControl && ngControl.value,\n }\"\n (click)=\"ngControl && ngControl.value ? ngControl.reset() : null\"\n ></i>\n </ng-container>\n </span>\n </ng-template>\n</div>\n", styles: [".p-inputtext:focus .ng-invalid.ng-dirty{border-color:var(--error-color)}.p-inputtext.ng-dirty.ng-invalid{border-color:var(--error-color)}.verisoft-text-field{justify-content:center;width:100%}.p-input-icon-right i.pi-times:hover{cursor:pointer}.p-inputtext.p-inputtext-lg{font-size:1rem;padding:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i5.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i4$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
237
229
|
}
|
|
238
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
230
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TextfieldComponent, decorators: [{
|
|
239
231
|
type: Component,
|
|
240
|
-
args: [{ selector: 'v-textfield',
|
|
232
|
+
args: [{ selector: 'v-textfield', imports: [
|
|
241
233
|
CommonModule,
|
|
242
234
|
InputTextModule,
|
|
243
235
|
ReactiveFormsModule,
|
|
@@ -270,10 +262,10 @@ class ConvertMenuItemPipe {
|
|
|
270
262
|
transform(items) {
|
|
271
263
|
return items.map(i => i);
|
|
272
264
|
}
|
|
273
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
274
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
265
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ConvertMenuItemPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
266
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: ConvertMenuItemPipe, isStandalone: true, name: "menuItem" }); }
|
|
275
267
|
}
|
|
276
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
268
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ConvertMenuItemPipe, decorators: [{
|
|
277
269
|
type: Pipe,
|
|
278
270
|
args: [{
|
|
279
271
|
name: 'menuItem',
|
|
@@ -282,17 +274,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
282
274
|
}] });
|
|
283
275
|
|
|
284
276
|
class BreadcrumbComponent extends BreadcrumbCoreComponent {
|
|
285
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
286
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
277
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: BreadcrumbComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
278
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: BreadcrumbComponent, isStandalone: true, selector: "v-breadcrumb", providers: [
|
|
287
279
|
{
|
|
288
280
|
provide: BREADCRUMB_COMPONENT_TOKEN,
|
|
289
281
|
useExisting: BreadcrumbComponent
|
|
290
282
|
},
|
|
291
283
|
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-breadcrumb card flex justify-content-center\">\n <ng-container *ngIf=\"useHomeRoute; else default\">\n <p-breadcrumb\n class=\"max-w-full\"\n [model]=\"items | menuItem\"\n [home]=\"home\"\n ></p-breadcrumb>\n </ng-container>\n <ng-template #default>\n <p-breadcrumb class=\"max-w-full\" [model]=\"items | menuItem\"></p-breadcrumb>\n </ng-template>\n</div>\n", styles: ["p-breadcrumb>nav{border:none}p-breadcrumb>nav>ol{align-items:stretch;font-weight:600;font-size:1rem}p-breadcrumb>nav a[aria-current=page]>span{color:var(--primary-color)!important}.p-menuitem-link{gap:.5rem;text-align:center}.p-menuitem-text{align-self:baseline}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: BreadcrumbModule }, { kind: "component", type: i2$2.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "pipe", type: ConvertMenuItemPipe, name: "menuItem" }] }); }
|
|
292
284
|
}
|
|
293
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
285
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
294
286
|
type: Component,
|
|
295
|
-
args: [{ selector: 'v-breadcrumb',
|
|
287
|
+
args: [{ selector: 'v-breadcrumb', imports: [
|
|
296
288
|
CommonModule,
|
|
297
289
|
BreadcrumbModule,
|
|
298
290
|
ConvertMenuItemPipe,
|
|
@@ -307,10 +299,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
307
299
|
class CheckboxComponent extends BaseFormInputComponent {
|
|
308
300
|
constructor(ngControl) {
|
|
309
301
|
super(ngControl);
|
|
302
|
+
this.indeterminate = input(false);
|
|
310
303
|
this.icon = Icons;
|
|
311
304
|
}
|
|
312
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
313
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
305
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CheckboxComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
306
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.9", type: CheckboxComponent, isStandalone: true, selector: "v-checkbox", inputs: { indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
314
307
|
{
|
|
315
308
|
provide: BaseInputControls,
|
|
316
309
|
useExisting: CheckboxComponent,
|
|
@@ -319,11 +312,11 @@ class CheckboxComponent extends BaseFormInputComponent {
|
|
|
319
312
|
provide: CHECKBOX_COMPONENT_TOKEN,
|
|
320
313
|
useExisting: CheckboxComponent,
|
|
321
314
|
},
|
|
322
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-checkbox d-flex align-items-center mt-2\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-checkbox\n [ngClass]=\"{ 'checkbox-error': ngControl?.invalid && ngControl?.dirty && ngControl?.value === false }\"\n [formControl]=\"formControl\"\n [required]=\"required\"\n [binary]=\"true\"\n [readonly]=\"readonly\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n", styles: ["p-echeckbox.ng-dirty.ng-invalid .p-checkbox>.p-checkbox-box{border-color:var(--error-color)}p-echeckbox.ng-dirty.ng-invalid .p-checkbox-label{color:var(--error-color)}.checkbox-error .p-checkbox-box.p-highlight{background:var(--error-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i3$2.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "
|
|
315
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-checkbox d-flex align-items-center mt-2\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-checkbox\n [ngClass]=\"{ 'checkbox-error': ngControl?.invalid && ngControl?.dirty && ngControl?.value === false }\"\n [formControl]=\"formControl\"\n [required]=\"required\"\n [binary]=\"true\"\n [readonly]=\"readonly\"\n [indeterminate]=\"indeterminate()\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n", styles: ["p-echeckbox.ng-dirty.ng-invalid .p-checkbox>.p-checkbox-box{border-color:var(--error-color)}p-echeckbox.ng-dirty.ng-invalid .p-checkbox-label{color:var(--error-color)}.checkbox-error .p-checkbox-box.p-highlight{background:var(--error-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i3$2.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["value", "name", "disabled", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "inputStyle", "styleClass", "inputClass", "indeterminate", "size", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
323
316
|
}
|
|
324
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
317
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
325
318
|
type: Component,
|
|
326
|
-
args: [{ selector: 'v-checkbox',
|
|
319
|
+
args: [{ selector: 'v-checkbox', imports: [CommonModule, CheckboxModule, ReactiveFormsModule, FormFieldComponent, ErrorComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
327
320
|
{
|
|
328
321
|
provide: BaseInputControls,
|
|
329
322
|
useExisting: CheckboxComponent,
|
|
@@ -332,48 +325,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
332
325
|
provide: CHECKBOX_COMPONENT_TOKEN,
|
|
333
326
|
useExisting: CheckboxComponent,
|
|
334
327
|
},
|
|
335
|
-
], template: "<div class=\"v-checkbox d-flex align-items-center mt-2\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-checkbox\n [ngClass]=\"{ 'checkbox-error': ngControl?.invalid && ngControl?.dirty && ngControl?.value === false }\"\n [formControl]=\"formControl\"\n [required]=\"required\"\n [binary]=\"true\"\n [readonly]=\"readonly\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n", styles: ["p-echeckbox.ng-dirty.ng-invalid .p-checkbox>.p-checkbox-box{border-color:var(--error-color)}p-echeckbox.ng-dirty.ng-invalid .p-checkbox-label{color:var(--error-color)}.checkbox-error .p-checkbox-box.p-highlight{background:var(--error-color)}\n"] }]
|
|
336
|
-
}], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
|
|
337
|
-
type: Optional
|
|
338
|
-
}, {
|
|
339
|
-
type: Self
|
|
340
|
-
}] }] });
|
|
341
|
-
|
|
342
|
-
class TristatecheckboxComponent extends BaseFormInputComponent {
|
|
343
|
-
constructor(ngControl) {
|
|
344
|
-
super(ngControl);
|
|
345
|
-
this.icons = Icons;
|
|
346
|
-
}
|
|
347
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: TristatecheckboxComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
348
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: TristatecheckboxComponent, isStandalone: true, selector: "v-tristatecheckbox", providers: [
|
|
349
|
-
{
|
|
350
|
-
provide: BaseInputControls,
|
|
351
|
-
useExisting: TristatecheckboxComponent,
|
|
352
|
-
},
|
|
353
|
-
{
|
|
354
|
-
provide: TRISTATE_CHECKBOX_COMPONENT_TOKEN,
|
|
355
|
-
useExisting: TristatecheckboxComponent,
|
|
356
|
-
},
|
|
357
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-tristatecheckbox d-flex align-items-center mt-2\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-triStateCheckbox\n [ngClass]=\"{\n 'tristate-error':\n ngControl?.invalid && ngControl?.dirty && ngControl?.value === false\n }\"\n [formControl]=\"formControl\"\n [required]=\"required\"\n [readonly]=\"readonly\"\n [inputId]=\"testId\"\n [checkboxFalseIcon]=\"icons.minus\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TriStateCheckboxModule }, { kind: "component", type: i3$3.TriStateCheckbox, selector: "p-triStateCheckbox", inputs: ["disabled", "name", "ariaLabel", "ariaLabelledBy", "variant", "tabindex", "inputId", "style", "styleClass", "label", "readonly", "checkboxTrueIcon", "checkboxFalseIcon", "autofocus"], outputs: ["onChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }] }); }
|
|
358
|
-
}
|
|
359
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: TristatecheckboxComponent, decorators: [{
|
|
360
|
-
type: Component,
|
|
361
|
-
args: [{ selector: 'v-tristatecheckbox', standalone: true, imports: [
|
|
362
|
-
CommonModule,
|
|
363
|
-
TriStateCheckboxModule,
|
|
364
|
-
ReactiveFormsModule,
|
|
365
|
-
FormFieldComponent,
|
|
366
|
-
ErrorComponent
|
|
367
|
-
], providers: [
|
|
368
|
-
{
|
|
369
|
-
provide: BaseInputControls,
|
|
370
|
-
useExisting: TristatecheckboxComponent,
|
|
371
|
-
},
|
|
372
|
-
{
|
|
373
|
-
provide: TRISTATE_CHECKBOX_COMPONENT_TOKEN,
|
|
374
|
-
useExisting: TristatecheckboxComponent,
|
|
375
|
-
},
|
|
376
|
-
], template: "<div class=\"v-tristatecheckbox d-flex align-items-center mt-2\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-triStateCheckbox\n [ngClass]=\"{\n 'tristate-error':\n ngControl?.invalid && ngControl?.dirty && ngControl?.value === false\n }\"\n [formControl]=\"formControl\"\n [required]=\"required\"\n [readonly]=\"readonly\"\n [inputId]=\"testId\"\n [checkboxFalseIcon]=\"icons.minus\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n" }]
|
|
328
|
+
], template: "<div class=\"v-checkbox d-flex align-items-center mt-2\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-checkbox\n [ngClass]=\"{ 'checkbox-error': ngControl?.invalid && ngControl?.dirty && ngControl?.value === false }\"\n [formControl]=\"formControl\"\n [required]=\"required\"\n [binary]=\"true\"\n [readonly]=\"readonly\"\n [indeterminate]=\"indeterminate()\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n", styles: ["p-echeckbox.ng-dirty.ng-invalid .p-checkbox>.p-checkbox-box{border-color:var(--error-color)}p-echeckbox.ng-dirty.ng-invalid .p-checkbox-label{color:var(--error-color)}.checkbox-error .p-checkbox-box.p-highlight{background:var(--error-color)}\n"] }]
|
|
377
329
|
}], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
|
|
378
330
|
type: Optional
|
|
379
331
|
}, {
|
|
@@ -388,8 +340,8 @@ class CalendarComponent extends BaseFormInputComponent {
|
|
|
388
340
|
this.icons = Icons;
|
|
389
341
|
this.formDisplay = "block";
|
|
390
342
|
}
|
|
391
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
392
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
343
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CalendarComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
344
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: CalendarComponent, isStandalone: true, selector: "v-calendar", inputs: { maxDate: "maxDate", icon: "icon", minDate: "minDate", header: "header", footer: "footer", floatLabel: "floatLabel", selectionMode: "selectionMode" }, providers: [
|
|
393
345
|
{
|
|
394
346
|
provide: BaseInputControls,
|
|
395
347
|
useExisting: forwardRef(() => CalendarComponent),
|
|
@@ -398,11 +350,11 @@ class CalendarComponent extends BaseFormInputComponent {
|
|
|
398
350
|
provide: CALENDAR_COMPONENT_TOKEN,
|
|
399
351
|
useExisting: CalendarComponent,
|
|
400
352
|
},
|
|
401
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-calendar w-100\">\n <ng-container *ngIf=\"label && !floatLabel\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [display]=\"formDisplay\"\n >\n <p-calendar\n appendTo=\"body\"\n [style]=\"{'width':'100%'}\"\n [inputStyle]=\"{'width':'100%'}\" \n [formControl]=\"formControl\"\n [showClear]=\"clearable\"\n [dataType]=\"'string'\"\n [selectionMode]=\"selectionMode\"\n [icon]=\"icon\"\n [maxDate]=\"maxDate\"\n [id]=\"inputId\"\n [showButtonBar]=\"true\"\n [placeholder]=\"placeholder\"\n [required]=\"isRequired()\"\n [minDate]=\"minDate\"\n [showIcon]=\"formControl && !formControl.value\"\n iconDisplay=\"input\"\n />\n </v-form-field>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </ng-container>\n <ng-container *ngIf=\"floatLabel\">\n <p-floatLabel>\n <p-calendar\n appendTo=\"body\"\n [style]=\"{'width':'100%'}\"\n [inputStyle]=\"{'width':'100%'}\" \n [formControl]=\"formControl\"\n [showClear]=\"clearable\"\n [maxDate]=\"maxDate\"\n [id]=\"inputId\"\n [icon]=\"icon\"\n [selectionMode]=\"selectionMode\"\n [showButtonBar]=\"true\"\n [placeholder]=\"placeholder\"\n [required]=\"isRequired()\"\n [minDate]=\"minDate\"\n iconDisplay=\"input\"\n />\n <label [for]=\"inputId\" [innerHTML]=\"floatLabel\"></label>\n </p-floatLabel>\n </ng-container>\n</div>\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i3$
|
|
353
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-calendar w-100\">\n <ng-container *ngIf=\"label && !floatLabel\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [display]=\"formDisplay\"\n >\n <p-calendar\n appendTo=\"body\"\n [style]=\"{'width':'100%'}\"\n [inputStyle]=\"{'width':'100%'}\" \n [formControl]=\"formControl\"\n [showClear]=\"clearable\"\n [dataType]=\"'string'\"\n [selectionMode]=\"selectionMode\"\n [icon]=\"icon\"\n [maxDate]=\"maxDate\"\n [id]=\"inputId\"\n [showButtonBar]=\"true\"\n [placeholder]=\"placeholder\"\n [required]=\"isRequired()\"\n [minDate]=\"minDate\"\n [showIcon]=\"formControl && !formControl.value\"\n iconDisplay=\"input\"\n />\n </v-form-field>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </ng-container>\n <ng-container *ngIf=\"floatLabel\">\n <p-floatLabel>\n <p-calendar\n appendTo=\"body\"\n [style]=\"{'width':'100%'}\"\n [inputStyle]=\"{'width':'100%'}\" \n [formControl]=\"formControl\"\n [showClear]=\"clearable\"\n [maxDate]=\"maxDate\"\n [id]=\"inputId\"\n [icon]=\"icon\"\n [selectionMode]=\"selectionMode\"\n [showButtonBar]=\"true\"\n [placeholder]=\"placeholder\"\n [required]=\"isRequired()\"\n [minDate]=\"minDate\"\n iconDisplay=\"input\"\n />\n <label [for]=\"inputId\" [innerHTML]=\"floatLabel\"></label>\n </p-floatLabel>\n </ng-container>\n</div>\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i3$3.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i4$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
402
354
|
}
|
|
403
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
355
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CalendarComponent, decorators: [{
|
|
404
356
|
type: Component,
|
|
405
|
-
args: [{ selector: 'v-calendar',
|
|
357
|
+
args: [{ selector: 'v-calendar', imports: [
|
|
406
358
|
CommonModule,
|
|
407
359
|
ReactiveFormsModule,
|
|
408
360
|
CalendarModule,
|
|
@@ -446,8 +398,8 @@ class PasswordComponent extends BaseFormInputComponent {
|
|
|
446
398
|
this.feedback = false;
|
|
447
399
|
this.formDisplay = "block";
|
|
448
400
|
}
|
|
449
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
450
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
401
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: PasswordComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
402
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: PasswordComponent, isStandalone: true, selector: "v-password", inputs: { toggleMask: "toggleMask", feedback: "feedback" }, providers: [
|
|
451
403
|
{
|
|
452
404
|
provide: BaseInputControls,
|
|
453
405
|
useExisting: PasswordComponent,
|
|
@@ -456,11 +408,11 @@ class PasswordComponent extends BaseFormInputComponent {
|
|
|
456
408
|
provide: PASSWORD_COMPONENT_TOKEN,
|
|
457
409
|
useExisting: PasswordComponent,
|
|
458
410
|
},
|
|
459
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-password d-flex align-items-center\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-password\n [style]=\"{'width':'100%'}\"\n [inputStyle]=\"{'width':'100%'}\" \n [formControl]=\"formControl\"\n [placeholder]=\"placeholder\"\n [showClear]=\"clearable\"\n [feedback]=\"feedback\"\n [required]=\"isRequired()\"\n [label]=\"label\"\n [id]=\"inputId\"\n [toggleMask]=\"toggleMask\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PasswordModule }, { kind: "component", type: i2$3.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "variant"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
411
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-password d-flex align-items-center\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-password\n [style]=\"{'width':'100%'}\"\n [inputStyle]=\"{'width':'100%'}\" \n [formControl]=\"formControl\"\n [placeholder]=\"placeholder\"\n [showClear]=\"clearable\"\n [feedback]=\"feedback\"\n [required]=\"isRequired()\"\n [label]=\"label\"\n [id]=\"inputId\"\n [toggleMask]=\"toggleMask\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PasswordModule }, { kind: "component", type: i2$3.Password, selector: "p-password", inputs: ["ariaLabel", "fluid", "ariaLabelledBy", "label", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "size", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "variant", "tabindex"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
460
412
|
}
|
|
461
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
413
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: PasswordComponent, decorators: [{
|
|
462
414
|
type: Component,
|
|
463
|
-
args: [{ selector: 'v-password',
|
|
415
|
+
args: [{ selector: 'v-password', imports: [
|
|
464
416
|
CommonModule,
|
|
465
417
|
ReactiveFormsModule,
|
|
466
418
|
PasswordModule,
|
|
@@ -487,6 +439,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
487
439
|
type: Input
|
|
488
440
|
}] } });
|
|
489
441
|
|
|
442
|
+
class ButtonSeverityPipe {
|
|
443
|
+
transform(severity) {
|
|
444
|
+
if (severity === undefined || severity === null) {
|
|
445
|
+
return null;
|
|
446
|
+
}
|
|
447
|
+
if (severity === ControlSeverity.warning) {
|
|
448
|
+
return 'warn';
|
|
449
|
+
}
|
|
450
|
+
return severity;
|
|
451
|
+
}
|
|
452
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ButtonSeverityPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
453
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: ButtonSeverityPipe, isStandalone: true, name: "buttonSeverity" }); }
|
|
454
|
+
}
|
|
455
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ButtonSeverityPipe, decorators: [{
|
|
456
|
+
type: Pipe,
|
|
457
|
+
args: [{
|
|
458
|
+
name: 'buttonSeverity'
|
|
459
|
+
}]
|
|
460
|
+
}] });
|
|
461
|
+
|
|
490
462
|
class ButtonComponent {
|
|
491
463
|
constructor() {
|
|
492
464
|
this.iconPos = IconPosition.right;
|
|
@@ -497,22 +469,22 @@ class ButtonComponent {
|
|
|
497
469
|
event.stopImmediatePropagation();
|
|
498
470
|
}
|
|
499
471
|
}
|
|
500
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
501
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
472
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
473
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: ButtonComponent, isStandalone: true, selector: "v-button", inputs: { label: "label", icon: "icon", badge: "badge", iconPos: "iconPos", disabled: "disabled", rounded: "rounded", outlined: "outlined", raised: "raised", severity: "severity", routerLink: "routerLink", size: "size", queryParams: "queryParams" }, providers: [
|
|
502
474
|
{
|
|
503
475
|
provide: BUTTON_COMPONENT_TOKEN,
|
|
504
476
|
useExisting: ButtonComponent,
|
|
505
477
|
},
|
|
506
|
-
], ngImport: i0, template: "<div class=\"v-button d-inline-block\" \n(click)=\"fireClick($event)\">\n <a\n [routerLink]=\"routerLink ? routerLink : undefined\"\n [queryParams]=\"queryParams ? queryParams : undefined\"\n >\n <p-button\n [disabled]=\"disabled\"\n [icon]=\"icon\"\n [badge]=\"badge\"\n [outlined]=\"outlined\"\n [rounded]=\"rounded\"\n [raised]=\"raised\"\n [label]=\"label\"\n [size]=\"$any(size)\"\n [severity]=\"severity\"\n [iconPos]=\"iconPos\"\n />\n </a>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: RippleModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type:
|
|
478
|
+
], ngImport: i0, template: "<div class=\"v-button d-inline-block\" \n(click)=\"fireClick($event)\">\n <a\n [routerLink]=\"routerLink ? routerLink : undefined\"\n [queryParams]=\"queryParams ? queryParams : undefined\"\n >\n <p-button\n [disabled]=\"disabled\"\n [icon]=\"icon\"\n [badge]=\"badge\"\n [outlined]=\"outlined\"\n [rounded]=\"rounded\"\n [raised]=\"raised\"\n [label]=\"label\"\n [size]=\"$any(size)\"\n [severity]=\"severity | buttonSeverity\"\n [iconPos]=\"iconPos\"\n />\n </a>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: RippleModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: ButtonSeverityPipe, name: "buttonSeverity" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
507
479
|
}
|
|
508
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
480
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
509
481
|
type: Component,
|
|
510
|
-
args: [{ selector: 'v-button',
|
|
482
|
+
args: [{ selector: 'v-button', imports: [CommonModule, ButtonModule, RippleModule, RouterModule, ButtonSeverityPipe], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
511
483
|
{
|
|
512
484
|
provide: BUTTON_COMPONENT_TOKEN,
|
|
513
485
|
useExisting: ButtonComponent,
|
|
514
486
|
},
|
|
515
|
-
], template: "<div class=\"v-button d-inline-block\" \n(click)=\"fireClick($event)\">\n <a\n [routerLink]=\"routerLink ? routerLink : undefined\"\n [queryParams]=\"queryParams ? queryParams : undefined\"\n >\n <p-button\n [disabled]=\"disabled\"\n [icon]=\"icon\"\n [badge]=\"badge\"\n [outlined]=\"outlined\"\n [rounded]=\"rounded\"\n [raised]=\"raised\"\n [label]=\"label\"\n [size]=\"$any(size)\"\n [severity]=\"severity\"\n [iconPos]=\"iconPos\"\n />\n </a>\n</div>\n" }]
|
|
487
|
+
], template: "<div class=\"v-button d-inline-block\" \n(click)=\"fireClick($event)\">\n <a\n [routerLink]=\"routerLink ? routerLink : undefined\"\n [queryParams]=\"queryParams ? queryParams : undefined\"\n >\n <p-button\n [disabled]=\"disabled\"\n [icon]=\"icon\"\n [badge]=\"badge\"\n [outlined]=\"outlined\"\n [rounded]=\"rounded\"\n [raised]=\"raised\"\n [label]=\"label\"\n [size]=\"$any(size)\"\n [severity]=\"severity | buttonSeverity\"\n [iconPos]=\"iconPos\"\n />\n </a>\n</div>\n" }]
|
|
516
488
|
}], propDecorators: { label: [{
|
|
517
489
|
type: Input
|
|
518
490
|
}], icon: [{
|
|
@@ -549,14 +521,14 @@ class SectionComponent {
|
|
|
549
521
|
this.showContent = !this.showContent;
|
|
550
522
|
this.icon = this.showContent ? Icons.chevronDown : Icons.chevronUp;
|
|
551
523
|
}
|
|
552
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
553
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
524
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
525
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: SectionComponent, isStandalone: true, selector: "v-section", inputs: { title: "title", showContent: "showContent", backgroundColor: "backgroundColor" }, providers: [
|
|
554
526
|
{ provide: SECTION_COMPONENT_TOKEN, useExisting: SectionComponent },
|
|
555
527
|
], ngImport: i0, template: "<div class=\"v-section\">\n <div\n class=\"v-section-header text-align-center d-flex\"\n [ngStyle]=\"{ 'background-color': backgroundColor }\"\n >\n <p\n class=\"text-primary align-items-center text-nowrap d-none d-md-block ps-3 m-0 w-100\"\n >\n {{ title }}\n </p>\n <div class=\"d-flex\">\n <ng-content select=\"[actions]\"></ng-content>\n <v-button\n size=\"small\"\n [icon]=\"icon\"\n (click)=\"toggle()\"\n />\n </div>\n </div>\n <div class=\"v-section-content\" *ngIf=\"showContent\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
556
528
|
}
|
|
557
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
529
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SectionComponent, decorators: [{
|
|
558
530
|
type: Component,
|
|
559
|
-
args: [{ selector: 'v-section',
|
|
531
|
+
args: [{ selector: 'v-section', imports: [CommonModule, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
560
532
|
{ provide: SECTION_COMPONENT_TOKEN, useExisting: SectionComponent },
|
|
561
533
|
], template: "<div class=\"v-section\">\n <div\n class=\"v-section-header text-align-center d-flex\"\n [ngStyle]=\"{ 'background-color': backgroundColor }\"\n >\n <p\n class=\"text-primary align-items-center text-nowrap d-none d-md-block ps-3 m-0 w-100\"\n >\n {{ title }}\n </p>\n <div class=\"d-flex\">\n <ng-content select=\"[actions]\"></ng-content>\n <v-button\n size=\"small\"\n [icon]=\"icon\"\n (click)=\"toggle()\"\n />\n </div>\n </div>\n <div class=\"v-section-content\" *ngIf=\"showContent\">\n <ng-content></ng-content>\n </div>\n</div>\n" }]
|
|
562
534
|
}], propDecorators: { title: [{
|
|
@@ -567,14 +539,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
567
539
|
type: Input
|
|
568
540
|
}] } });
|
|
569
541
|
|
|
542
|
+
class DropdownButtonComponent {
|
|
543
|
+
constructor() {
|
|
544
|
+
this.label = input();
|
|
545
|
+
this.icon = input();
|
|
546
|
+
this.rounded = input(false);
|
|
547
|
+
this.raised = input(false);
|
|
548
|
+
this.outlined = input(false);
|
|
549
|
+
this.severity = input(ControlSeverity.primary);
|
|
550
|
+
this.size = input();
|
|
551
|
+
this.items = input(undefined);
|
|
552
|
+
}
|
|
553
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: DropdownButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
554
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.9", type: DropdownButtonComponent, isStandalone: true, selector: "v-dropdown-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null }, raised: { classPropertyName: "raised", publicName: "raised", isSignal: true, isRequired: false, transformFunction: null }, outlined: { classPropertyName: "outlined", publicName: "outlined", isSignal: true, isRequired: false, transformFunction: null }, severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
|
|
555
|
+
{ provide: DROPDOWN_BUTTON_COMPONENT_TOKEN, useExisting: DropdownButtonComponent }
|
|
556
|
+
], ngImport: i0, template: "<p>NOT implemented </p>" }); }
|
|
557
|
+
}
|
|
558
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: DropdownButtonComponent, decorators: [{
|
|
559
|
+
type: Component,
|
|
560
|
+
args: [{ selector: 'v-dropdown-button', providers: [
|
|
561
|
+
{ provide: DROPDOWN_BUTTON_COMPONENT_TOKEN, useExisting: DropdownButtonComponent }
|
|
562
|
+
], template: "<p>NOT implemented </p>" }]
|
|
563
|
+
}] });
|
|
564
|
+
|
|
570
565
|
class RadioButtonComponent extends BaseFormInputComponent {
|
|
571
566
|
constructor(ngControl) {
|
|
572
567
|
super(ngControl);
|
|
573
568
|
this.radioGroupName = Math.random().toString();
|
|
574
569
|
this.items = [];
|
|
575
570
|
}
|
|
576
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
577
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
571
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
572
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: RadioButtonComponent, isStandalone: true, selector: "v-radiobutton", inputs: { radioGroupName: "radioGroupName", items: "items" }, providers: [
|
|
578
573
|
{
|
|
579
574
|
provide: BaseInputControls,
|
|
580
575
|
useExisting: RadioButtonComponent,
|
|
@@ -583,11 +578,11 @@ class RadioButtonComponent extends BaseFormInputComponent {
|
|
|
583
578
|
provide: RADIOBUTTON_COMPONENT_TOKEN,
|
|
584
579
|
useExisting: RadioButtonComponent,
|
|
585
580
|
},
|
|
586
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-radiobutton\">\n <v-form-field\n [label]=\"label\"\n [required]=\"required\"\n [tooltip]=\"tooltip\"\n [testId]=\"testId\"\n >\n <div class=\"d-flex align-items-center gap-3\">\n <div *ngFor=\"let item of items\">\n <p-radioButton\n [inputId]=\"item.id\"\n [ngClass]=\"{\n 'radio-error': ngControl?.invalid && ngControl?.dirty,\n }\"\n [name]=\"radioGroupName\"\n [value]=\"item.value\"\n [formControl]=\"formControl\"\n />\n <label [for]=\"item.id\" class=\"ps-2\">\n <span\n [ngClass]=\"{\n 'text-error': ngControl?.invalid && ngControl?.dirty,\n 'text-primary': ngControl?.value === item.value\n }\"\n >{{ item.value }}</span\n >\n </label>\n </div>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </div>\n </v-form-field>\n</div>\n", styles: [".radio-error .p-radiobutton .p-radiobutton-box.p-highlight{border-color:var(--error-color);background:var(--error-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3$
|
|
581
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-radiobutton\">\n <v-form-field\n [label]=\"label\"\n [required]=\"required\"\n [tooltip]=\"tooltip\"\n [testId]=\"testId\"\n >\n <div class=\"d-flex align-items-center gap-3\">\n <div *ngFor=\"let item of items\">\n <p-radioButton\n [inputId]=\"item.id\"\n [ngClass]=\"{\n 'radio-error': ngControl?.invalid && ngControl?.dirty,\n }\"\n [name]=\"radioGroupName\"\n [value]=\"item.value\"\n [formControl]=\"formControl\"\n />\n <label [for]=\"item.id\" class=\"ps-2\">\n <span\n [ngClass]=\"{\n 'text-error': ngControl?.invalid && ngControl?.dirty,\n 'text-primary': ngControl?.value === item.value\n }\"\n >{{ item.value }}</span\n >\n </label>\n </div>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </div>\n </v-form-field>\n</div>\n", styles: [".radio-error .p-radiobutton .p-radiobutton-box.p-highlight{border-color:var(--error-color);background:var(--error-color)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3$4.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "formControlName", "name", "disabled", "variant", "size", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "autofocus", "binary"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
587
582
|
}
|
|
588
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
583
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: RadioButtonComponent, decorators: [{
|
|
589
584
|
type: Component,
|
|
590
|
-
args: [{ selector: 'v-radiobutton',
|
|
585
|
+
args: [{ selector: 'v-radiobutton', imports: [
|
|
591
586
|
CommonModule,
|
|
592
587
|
FormFieldComponent,
|
|
593
588
|
RadioButtonModule,
|
|
@@ -619,8 +614,8 @@ class NumberInputComponent extends BaseFormInputComponent {
|
|
|
619
614
|
this.step = 1;
|
|
620
615
|
this.errorMessage = 'test';
|
|
621
616
|
}
|
|
622
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
623
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
617
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: NumberInputComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
618
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: NumberInputComponent, isStandalone: true, selector: "v-number-input", inputs: { mode: "mode", currency: "currency", min: "min", max: "max", step: "step", errorMessage: "errorMessage" }, providers: [
|
|
624
619
|
{
|
|
625
620
|
provide: BaseInputControls,
|
|
626
621
|
useExisting: forwardRef(() => NumberInputComponent),
|
|
@@ -629,11 +624,11 @@ class NumberInputComponent extends BaseFormInputComponent {
|
|
|
629
624
|
provide: NUMBER_INPUT_COMPONENT_TOKEN,
|
|
630
625
|
useExisting: NumberInputComponent,
|
|
631
626
|
},
|
|
632
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-number-input\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n >\n <p-inputNumber\n class=\"w-100\"\n [formControl]=\"formControl\"\n [showButtons]=\"true\"\n [inputId]=\"inputId\"\n [mode]=\"mode\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [currency]=\"currency\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i2$
|
|
627
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-number-input\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n >\n <p-inputNumber\n class=\"w-100\"\n [formControl]=\"formControl\"\n [showButtons]=\"true\"\n [inputId]=\"inputId\"\n [mode]=\"mode\"\n [min]=\"min\"\n [max]=\"max\"\n [step]=\"step\"\n [currency]=\"currency\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i2$5.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled", "fluid"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
633
628
|
}
|
|
634
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
629
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: NumberInputComponent, decorators: [{
|
|
635
630
|
type: Component,
|
|
636
|
-
args: [{ selector: 'v-number-input',
|
|
631
|
+
args: [{ selector: 'v-number-input', imports: [
|
|
637
632
|
CommonModule,
|
|
638
633
|
InputNumberModule,
|
|
639
634
|
ReactiveFormsModule,
|
|
@@ -675,10 +670,10 @@ class HeaderProviderService {
|
|
|
675
670
|
init() {
|
|
676
671
|
this.menu = this.settingsMenu;
|
|
677
672
|
}
|
|
678
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
679
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
673
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: HeaderProviderService, deps: [{ token: SETTINGS_MENU }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
674
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: HeaderProviderService, providedIn: 'root' }); }
|
|
680
675
|
}
|
|
681
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
676
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: HeaderProviderService, decorators: [{
|
|
682
677
|
type: Injectable,
|
|
683
678
|
args: [{
|
|
684
679
|
providedIn: 'root',
|
|
@@ -708,17 +703,17 @@ class HeaderComponent extends UnsubscribeComponent {
|
|
|
708
703
|
this.cdr.detectChanges();
|
|
709
704
|
}
|
|
710
705
|
}
|
|
711
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
712
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
706
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: HeaderComponent, deps: [{ token: HeaderProviderService }, { token: i1$2.ScreenSizeService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
707
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: HeaderComponent, isStandalone: true, selector: "v-header", inputs: { title: "title", logoUrl: "logoUrl", userName: "userName", userRole: "userRole", menuRef: "menuRef", exampleHeader: "exampleHeader" }, providers: [
|
|
713
708
|
{ provide: HEADER_COMPONENT_TOKEN, useExisting: HeaderComponent },
|
|
714
|
-
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"v-header d-flex w-100 text-align-end\"\n [ngStyle]=\"{ position: exampleHeader ? 'relative' : 'fixed' }\"\n>\n <ng-container *ngIf=\"screenSizeService.isMobileBlock | async\">\n <div class=\"burger-menu\">\n <v-button\n [icon]=\"menuVisible ? icons.cross : icons.action\"\n (click)=\"toggleMenu()\"\n />\n <div class=\"logo mt-3\" [routerLink]=\"[logoRouterLink]\">\n <img [src]=\"logoUrl\" alt=\"\"/>\n </div>\n </div>\n </ng-container>\n <div class=\"v-header-title col-auto\">\n <p class=\"text-primary text-nowrap d-none d-md-block ps-3 m-0 w-100\">\n {{ title }}\n </p>\n <div class=\"col-8 col-md-auto ps-3 m-0 w-100\">\n <ng-content select=\"[module]\"></ng-content>\n </div>\n </div>\n <ng-container *ngIf=\"(screenSizeService.isMobileBlock | async) === false\">\n <div class=\"w-100 text-start justify-content-start align-content-center\">\n <ng-content select=\"[breadcrumbs]\"></ng-content>\n </div>\n <div class=\"col-auto d-flex align-items-center justify-content-end p-4\">\n <div class=\"d-flex aling-items-center\">\n <p-avatar\n image=\"assets/primeng/images/_global/jara.png\"\n styleClass=\"me-2\"\n size=\"large\"\n shape=\"circle\"\n />\n <div class=\"card align-content-center pe-3\">\n <p\n class=\"text-primary m-0 header-username\"\n [innerHTML]=\"userName\"\n ></p>\n <p\n class=\"text-default m-0 header-userrole\"\n [innerHTML]=\"userRole\"\n ></p>\n </div>\n </div>\n <div class=\"d-flex gap-4 align-items-center\">\n <ng-content select=\"[useractions]\"/>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"screenSizeService.isMobileBlock | async\">\n <div class=\"user-info-container d-flex align-items-center\">\n <div class=\"d-flex\">\n <div class=\"card pe-3 align-content-center\">\n <p-avatar\n image=\"assets/images/_global/jara.png\"\n styleClass=\"mr-2\"\n size=\"large\"\n shape=\"circle\"\n ></p-avatar>\n </div>\n <div class=\"card align-content-center pe-3 d-flex\">\n <div class=\"user-info\">\n <p\n class=\"text-default m-0 header-username\"\n [innerHTML]=\"userName\"\n ></p>\n <p\n class=\"text-default m-0 header-userrole\"\n [innerHTML]=\"userRole\"\n ></p>\n </div>\n <div class=\"user-actions\">\n <ng-content select=\"[useractions]\"></ng-content>\n </div>\n </div>\n </div>\n <div class=\"d-flex gap-4 align-items-center justify-content-center\">\n <ng-content select=\"[dbcontext]\" />\n </div>\n </div>\n </ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i4$2.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "style", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type:
|
|
709
|
+
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"v-header d-flex w-100 text-align-end\"\n [ngStyle]=\"{ position: exampleHeader ? 'relative' : 'fixed' }\"\n>\n <ng-container *ngIf=\"screenSizeService.isMobileBlock | async\">\n <div class=\"burger-menu\">\n <v-button\n [icon]=\"menuVisible ? icons.cross : icons.action\"\n (click)=\"toggleMenu()\"\n />\n <div class=\"logo mt-3\" [routerLink]=\"[logoRouterLink]\">\n <img [src]=\"logoUrl\" alt=\"\"/>\n </div>\n </div>\n </ng-container>\n <div class=\"v-header-title col-auto\">\n <p class=\"text-primary text-nowrap d-none d-md-block ps-3 m-0 w-100\">\n {{ title }}\n </p>\n <div class=\"col-8 col-md-auto ps-3 m-0 w-100\">\n <ng-content select=\"[module]\"></ng-content>\n </div>\n </div>\n <ng-container *ngIf=\"(screenSizeService.isMobileBlock | async) === false\">\n <div class=\"w-100 text-start justify-content-start align-content-center\">\n <ng-content select=\"[breadcrumbs]\"></ng-content>\n </div>\n <div class=\"col-auto d-flex align-items-center justify-content-end p-4\">\n <div class=\"d-flex aling-items-center\">\n <p-avatar\n image=\"assets/primeng/images/_global/jara.png\"\n styleClass=\"me-2\"\n size=\"large\"\n shape=\"circle\"\n />\n <div class=\"card align-content-center pe-3\">\n <p\n class=\"text-primary m-0 header-username\"\n [innerHTML]=\"userName\"\n ></p>\n <p\n class=\"text-default m-0 header-userrole\"\n [innerHTML]=\"userRole\"\n ></p>\n </div>\n </div>\n <div class=\"d-flex gap-4 align-items-center\">\n <ng-content select=\"[useractions]\"/>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"screenSizeService.isMobileBlock | async\">\n <div class=\"user-info-container d-flex align-items-center\">\n <div class=\"d-flex\">\n <div class=\"card pe-3 align-content-center\">\n <p-avatar\n image=\"assets/images/_global/jara.png\"\n styleClass=\"mr-2\"\n size=\"large\"\n shape=\"circle\"\n ></p-avatar>\n </div>\n <div class=\"card align-content-center pe-3 d-flex\">\n <div class=\"user-info\">\n <p\n class=\"text-default m-0 header-username\"\n [innerHTML]=\"userName\"\n ></p>\n <p\n class=\"text-default m-0 header-userrole\"\n [innerHTML]=\"userRole\"\n ></p>\n </div>\n <div class=\"user-actions\">\n <ng-content select=\"[useractions]\"></ng-content>\n </div>\n </div>\n </div>\n <div class=\"d-flex gap-4 align-items-center justify-content-center\">\n <ng-content select=\"[dbcontext]\" />\n </div>\n </div>\n </ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i4$2.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "style", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
715
710
|
}
|
|
716
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
711
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
717
712
|
type: Component,
|
|
718
|
-
args: [{ selector: 'v-header',
|
|
713
|
+
args: [{ selector: 'v-header', imports: [CommonModule, AvatarModule, ButtonComponent, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
719
714
|
{ provide: HEADER_COMPONENT_TOKEN, useExisting: HeaderComponent },
|
|
720
715
|
], template: "<div\n class=\"v-header d-flex w-100 text-align-end\"\n [ngStyle]=\"{ position: exampleHeader ? 'relative' : 'fixed' }\"\n>\n <ng-container *ngIf=\"screenSizeService.isMobileBlock | async\">\n <div class=\"burger-menu\">\n <v-button\n [icon]=\"menuVisible ? icons.cross : icons.action\"\n (click)=\"toggleMenu()\"\n />\n <div class=\"logo mt-3\" [routerLink]=\"[logoRouterLink]\">\n <img [src]=\"logoUrl\" alt=\"\"/>\n </div>\n </div>\n </ng-container>\n <div class=\"v-header-title col-auto\">\n <p class=\"text-primary text-nowrap d-none d-md-block ps-3 m-0 w-100\">\n {{ title }}\n </p>\n <div class=\"col-8 col-md-auto ps-3 m-0 w-100\">\n <ng-content select=\"[module]\"></ng-content>\n </div>\n </div>\n <ng-container *ngIf=\"(screenSizeService.isMobileBlock | async) === false\">\n <div class=\"w-100 text-start justify-content-start align-content-center\">\n <ng-content select=\"[breadcrumbs]\"></ng-content>\n </div>\n <div class=\"col-auto d-flex align-items-center justify-content-end p-4\">\n <div class=\"d-flex aling-items-center\">\n <p-avatar\n image=\"assets/primeng/images/_global/jara.png\"\n styleClass=\"me-2\"\n size=\"large\"\n shape=\"circle\"\n />\n <div class=\"card align-content-center pe-3\">\n <p\n class=\"text-primary m-0 header-username\"\n [innerHTML]=\"userName\"\n ></p>\n <p\n class=\"text-default m-0 header-userrole\"\n [innerHTML]=\"userRole\"\n ></p>\n </div>\n </div>\n <div class=\"d-flex gap-4 align-items-center\">\n <ng-content select=\"[useractions]\"/>\n </div>\n </div>\n </ng-container>\n <ng-container *ngIf=\"screenSizeService.isMobileBlock | async\">\n <div class=\"user-info-container d-flex align-items-center\">\n <div class=\"d-flex\">\n <div class=\"card pe-3 align-content-center\">\n <p-avatar\n image=\"assets/images/_global/jara.png\"\n styleClass=\"mr-2\"\n size=\"large\"\n shape=\"circle\"\n ></p-avatar>\n </div>\n <div class=\"card align-content-center pe-3 d-flex\">\n <div class=\"user-info\">\n <p\n class=\"text-default m-0 header-username\"\n [innerHTML]=\"userName\"\n ></p>\n <p\n class=\"text-default m-0 header-userrole\"\n [innerHTML]=\"userRole\"\n ></p>\n </div>\n <div class=\"user-actions\">\n <ng-content select=\"[useractions]\"></ng-content>\n </div>\n </div>\n </div>\n <div class=\"d-flex gap-4 align-items-center justify-content-center\">\n <ng-content select=\"[dbcontext]\" />\n </div>\n </div>\n </ng-container>\n</div>\n" }]
|
|
721
|
-
}], ctorParameters: () => [{ type: HeaderProviderService }, { type: i1$
|
|
716
|
+
}], ctorParameters: () => [{ type: HeaderProviderService }, { type: i1$2.ScreenSizeService }, { type: i0.ChangeDetectorRef }], propDecorators: { title: [{
|
|
722
717
|
type: Input
|
|
723
718
|
}], logoUrl: [{
|
|
724
719
|
type: Input
|
|
@@ -739,8 +734,8 @@ class TextareaComponent extends BaseFormInputComponent {
|
|
|
739
734
|
this.cols = 30;
|
|
740
735
|
this.autoResize = false;
|
|
741
736
|
}
|
|
742
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
743
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
737
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TextareaComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
738
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: TextareaComponent, isStandalone: true, selector: "v-textarea", inputs: { rows: "rows", cols: "cols", autoResize: "autoResize", floatLabel: "floatLabel" }, providers: [
|
|
744
739
|
{
|
|
745
740
|
provide: BaseInputControls,
|
|
746
741
|
useExisting: TextareaComponent,
|
|
@@ -749,13 +744,13 @@ class TextareaComponent extends BaseFormInputComponent {
|
|
|
749
744
|
provide: TEXTAREA_COMPONENT_TOKEN,
|
|
750
745
|
useExisting: TextareaComponent,
|
|
751
746
|
},
|
|
752
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-textarea\">\n <ng-container *ngIf=\"!floatLabel\">\n <v-form-field\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [display]=\"formDisplay\"\n >\n <textarea\n class=\"flex-grow-1\"\n
|
|
747
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-textarea\">\n <ng-container *ngIf=\"!floatLabel\">\n <v-form-field\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [display]=\"formDisplay\"\n >\n <textarea\n class=\"flex-grow-1\"\n pTextarea\n [rows]=\"rows\"\n [cols]=\"cols\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeholder\"\n [required]=\"isRequired()\"\n [readOnly]=\"readonly\"\n [autoResize]=\"autoResize\"\n ></textarea>\n </v-form-field>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </ng-container>\n <ng-container *ngIf=\"floatLabel\">\n <p-floatLabel>\n <textarea\n class=\"flex-grow-1\"\n pTextarea\n [rows]=\"rows\"\n [cols]=\"cols\"\n [id]=\"inputId\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeholder\"\n [required]=\"isRequired()\"\n [readOnly]=\"readonly\"\n [autoResize]=\"autoResize\"\n ></textarea>\n <label [for]=\"inputId\">{{ floatLabel }}</label>\n </p-floatLabel>\n </ng-container>\n</div>\n", styles: [".v-textarea textarea{line-height:1.75rem!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "variant", "fluid", "pSize"], outputs: ["onResize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i4$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
753
748
|
}
|
|
754
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
749
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TextareaComponent, decorators: [{
|
|
755
750
|
type: Component,
|
|
756
|
-
args: [{ selector: 'v-textarea',
|
|
751
|
+
args: [{ selector: 'v-textarea', imports: [
|
|
757
752
|
CommonModule,
|
|
758
|
-
|
|
753
|
+
Textarea,
|
|
759
754
|
ReactiveFormsModule,
|
|
760
755
|
FormFieldComponent,
|
|
761
756
|
FloatLabelModule,
|
|
@@ -769,7 +764,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
769
764
|
provide: TEXTAREA_COMPONENT_TOKEN,
|
|
770
765
|
useExisting: TextareaComponent,
|
|
771
766
|
},
|
|
772
|
-
], template: "<div class=\"v-textarea\">\n <ng-container *ngIf=\"!floatLabel\">\n <v-form-field\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [display]=\"formDisplay\"\n >\n <textarea\n class=\"flex-grow-1\"\n
|
|
767
|
+
], template: "<div class=\"v-textarea\">\n <ng-container *ngIf=\"!floatLabel\">\n <v-form-field\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [display]=\"formDisplay\"\n >\n <textarea\n class=\"flex-grow-1\"\n pTextarea\n [rows]=\"rows\"\n [cols]=\"cols\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeholder\"\n [required]=\"isRequired()\"\n [readOnly]=\"readonly\"\n [autoResize]=\"autoResize\"\n ></textarea>\n </v-form-field>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </ng-container>\n <ng-container *ngIf=\"floatLabel\">\n <p-floatLabel>\n <textarea\n class=\"flex-grow-1\"\n pTextarea\n [rows]=\"rows\"\n [cols]=\"cols\"\n [id]=\"inputId\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeholder\"\n [required]=\"isRequired()\"\n [readOnly]=\"readonly\"\n [autoResize]=\"autoResize\"\n ></textarea>\n <label [for]=\"inputId\">{{ floatLabel }}</label>\n </p-floatLabel>\n </ng-container>\n</div>\n", styles: [".v-textarea textarea{line-height:1.75rem!important}\n"] }]
|
|
773
768
|
}], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
|
|
774
769
|
type: Optional
|
|
775
770
|
}, {
|
|
@@ -785,14 +780,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
785
780
|
}] } });
|
|
786
781
|
|
|
787
782
|
class LoaderComponent {
|
|
788
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
789
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
783
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
784
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: LoaderComponent, isStandalone: true, selector: "v-loader", providers: [
|
|
790
785
|
{ provide: LOADER_COMPONENT_TOKEN, useExisting: LoaderComponent },
|
|
791
|
-
], ngImport: i0, template: "<div class=\"v-loader d-flex justify-content-center\">\n <div>\n <p-progressSpinner class=\"p-progress-spinner-circle\"></p-progressSpinner>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i1$
|
|
786
|
+
], ngImport: i0, template: "<div class=\"v-loader d-flex justify-content-center\">\n <div>\n <p-progressSpinner class=\"p-progress-spinner-circle\"></p-progressSpinner>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i1$3.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
792
787
|
}
|
|
793
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
788
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
794
789
|
type: Component,
|
|
795
|
-
args: [{ selector: 'v-loader',
|
|
790
|
+
args: [{ selector: 'v-loader', imports: [CommonModule, ProgressSpinnerModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
796
791
|
{ provide: LOADER_COMPONENT_TOKEN, useExisting: LoaderComponent },
|
|
797
792
|
], template: "<div class=\"v-loader d-flex justify-content-center\">\n <div>\n <p-progressSpinner class=\"p-progress-spinner-circle\"></p-progressSpinner>\n </div>\n</div>\n" }]
|
|
798
793
|
}] });
|
|
@@ -833,32 +828,32 @@ class SnackbarService {
|
|
|
833
828
|
icon: icon,
|
|
834
829
|
});
|
|
835
830
|
}
|
|
836
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
837
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
831
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SnackbarService, deps: [{ token: i1$4.MessageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
832
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SnackbarService, providedIn: 'root' }); }
|
|
838
833
|
}
|
|
839
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
834
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SnackbarService, decorators: [{
|
|
840
835
|
type: Injectable,
|
|
841
836
|
args: [{
|
|
842
837
|
providedIn: 'root',
|
|
843
838
|
}]
|
|
844
|
-
}], ctorParameters: () => [{ type: i1$
|
|
839
|
+
}], ctorParameters: () => [{ type: i1$4.MessageService }] });
|
|
845
840
|
|
|
846
841
|
class SnackbarComponent {
|
|
847
842
|
constructor(snackbarService) {
|
|
848
843
|
this.snackbarService = snackbarService;
|
|
849
844
|
}
|
|
850
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
851
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
845
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SnackbarComponent, deps: [{ token: SnackbarService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
846
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: SnackbarComponent, isStandalone: true, selector: "v-snackbar", providers: [
|
|
852
847
|
SnackbarService,
|
|
853
848
|
{
|
|
854
849
|
provide: SNACKBAR_COMPONENT_TOKEN,
|
|
855
850
|
useExisting: SnackbarComponent,
|
|
856
851
|
},
|
|
857
|
-
], ngImport: i0, template: "<div class=\"v-snackbar\">\n <p-toast />\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ToastModule }, { kind: "component", type: i2$
|
|
852
|
+
], ngImport: i0, template: "<div class=\"v-snackbar\">\n <p-toast />\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ToastModule }, { kind: "component", type: i2$6.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "ngmodule", type: RippleModule }] }); }
|
|
858
853
|
}
|
|
859
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
854
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SnackbarComponent, decorators: [{
|
|
860
855
|
type: Component,
|
|
861
|
-
args: [{ selector: 'v-snackbar',
|
|
856
|
+
args: [{ selector: 'v-snackbar', imports: [CommonModule, ToastModule, RippleModule], providers: [
|
|
862
857
|
SnackbarService,
|
|
863
858
|
{
|
|
864
859
|
provide: SNACKBAR_COMPONENT_TOKEN,
|
|
@@ -915,12 +910,12 @@ class SideMenuComponent extends UnsubscribeComponent {
|
|
|
915
910
|
this.minimalized.emit(true);
|
|
916
911
|
}
|
|
917
912
|
}
|
|
918
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
919
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
913
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SideMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
914
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: SideMenuComponent, isStandalone: true, selector: "v-side-menu", inputs: { items: "items", logoUrl: "logoUrl", userName: "userName", userRole: "userRole" }, outputs: { minimalized: "minimalized", itemSelected: "itemSelected" }, viewQueries: [{ propertyName: "menu", first: true, predicate: ["sidemenu"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"v-side-menu\" #sidemenu>\n <div\n [ngClass]=\"\n (screenSizeService.isMobileBlock | async)\n ? 'v-side-menu-container__mobile'\n : 'v-side-menu-container'\n \"\n >\n <ng-container *ngIf=\"(screenSizeService.isMobileBlock | async) === false\">\n <div class=\"v-side-menu-header pb-3 text-center\">\n <div class=\"logo\" [routerLink]=\"[logoRouterLink]\">\n <img [src]=\"logoUrl\" alt=\"\" />\n </div>\n <hr />\n </div>\n </ng-container>\n <div\n [ngClass]=\"{\n 'v-side-menu-body__mobile': screenSizeService.isMobileBlock | async,\n 'v-side-menu-body': (screenSizeService.isMobileBlock | async) === false\n }\"\n class=\"text-center\"\n >\n <p-tree\n selectionMode=\"single\"\n [value]=\"items\"\n (onNodeExpand)=\"onSelectionChange($event)\"\n (onNodeCollapse)=\"onSelectionChange($event)\"\n (onNodeSelect)=\"onNodeSelect($event)\"\n >\n </p-tree>\n </div>\n <div\n class=\"text-center py-3 d-flex justify-content-end flex-column support\"\n >\n <hr class=\"mx-4 divider\" />\n <v-button\n class=\"support-button\"\n [label]=\"isMinimalized ? undefined : 'Support'\"\n severity=\"primary\"\n [icon]=\"icons.questionCircle\"\n ></v-button>\n </div>\n </div>\n <div\n *ngIf=\"(screenSizeService.isMobileBlock | async) === false\"\n class=\"close-button\"\n (click)=\"menuMinimalize(sidemenu)\"\n >\n <i class=\"pi pi-chevron-left text-white close-icon\"></i>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TreeModule }, { kind: "component", type: i1$5.Tree, selector: "p-tree", inputs: ["value", "selectionMode", "loadingMode", "selection", "style", "styleClass", "contextMenu", "draggableScope", "droppableScope", "draggableNodes", "droppableNodes", "metaKeySelection", "propagateSelectionUp", "propagateSelectionDown", "loading", "loadingIcon", "emptyMessage", "ariaLabel", "togglerAriaLabel", "ariaLabelledBy", "validateDrop", "filter", "filterInputAutoFocus", "filterBy", "filterMode", "filterOptions", "filterPlaceholder", "filteredNodes", "filterLocale", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "indentation", "_templateMap", "trackBy", "highlightOnSelect", "virtualNodeHeight"], outputs: ["selectionChange", "onNodeSelect", "onNodeUnselect", "onNodeExpand", "onNodeCollapse", "onNodeContextMenuSelect", "onNodeDoubleClick", "onNodeDrop", "onLazyLoad", "onScroll", "onScrollIndexChange", "onFilter"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: AvatarModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
920
915
|
}
|
|
921
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
916
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SideMenuComponent, decorators: [{
|
|
922
917
|
type: Component,
|
|
923
|
-
args: [{ selector: 'v-side-menu',
|
|
918
|
+
args: [{ selector: 'v-side-menu', imports: [
|
|
924
919
|
NgClass,
|
|
925
920
|
AsyncPipe,
|
|
926
921
|
NgIf,
|
|
@@ -977,9 +972,9 @@ class SideMenuModule extends UnsubscribeComponent {
|
|
|
977
972
|
],
|
|
978
973
|
};
|
|
979
974
|
}
|
|
980
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
981
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
982
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
975
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SideMenuModule, deps: [{ token: i1$2.SideMenuProviderService }], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
976
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: SideMenuModule, imports: [SideMenuComponent], exports: [SideMenuComponent] }); }
|
|
977
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SideMenuModule, providers: [
|
|
983
978
|
SideMenuProviderService,
|
|
984
979
|
{
|
|
985
980
|
provide: SIDE_MENU_COMPONENT_TOKEN,
|
|
@@ -994,7 +989,7 @@ class SideMenuModule extends UnsubscribeComponent {
|
|
|
994
989
|
},
|
|
995
990
|
], imports: [SideMenuComponent] }); }
|
|
996
991
|
}
|
|
997
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
992
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SideMenuModule, decorators: [{
|
|
998
993
|
type: NgModule,
|
|
999
994
|
args: [{
|
|
1000
995
|
imports: [SideMenuComponent],
|
|
@@ -1014,7 +1009,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
1014
1009
|
},
|
|
1015
1010
|
],
|
|
1016
1011
|
}]
|
|
1017
|
-
}], ctorParameters: () => [{ type: i1$
|
|
1012
|
+
}], ctorParameters: () => [{ type: i1$2.SideMenuProviderService }] });
|
|
1018
1013
|
|
|
1019
1014
|
class TableFilterPipe {
|
|
1020
1015
|
transform(value) {
|
|
@@ -1052,10 +1047,10 @@ class TableFilterPipe {
|
|
|
1052
1047
|
value: value,
|
|
1053
1048
|
};
|
|
1054
1049
|
}
|
|
1055
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1056
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
1050
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TableFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1051
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: TableFilterPipe, isStandalone: true, name: "primengFilter" }); }
|
|
1057
1052
|
}
|
|
1058
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1053
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TableFilterPipe, decorators: [{
|
|
1059
1054
|
type: Pipe,
|
|
1060
1055
|
args: [{
|
|
1061
1056
|
name: 'primengFilter',
|
|
@@ -1204,17 +1199,17 @@ class TableComponent {
|
|
|
1204
1199
|
}))
|
|
1205
1200
|
: undefined;
|
|
1206
1201
|
}
|
|
1207
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1208
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1202
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1203
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: TableComponent, isStandalone: true, selector: "v-table", inputs: { data: "data", total: "total", filter: "filter", loading: "loading", scrollable: "scrollable", pageSize: "pageSize", currentPage: "currentPage", showPaginator: "showPaginator", sortMultiple: "sortMultiple", lazy: "lazy", selectionMode: "selectionMode", showPageSizePicker: "showPageSizePicker", entityKey: "entityKey", maximumColumnLength: "maximumColumnLength", disableCustomClicks: "disableCustomClicks", columns: "columns", selection: "selection" }, outputs: { pageSizeChange: "pageSizeChange", selectionChange: "selectionChange", pageChange: "pageChange", sortChange: "sortChange", lazyLoad: "lazyLoad" }, providers: [
|
|
1209
1204
|
{
|
|
1210
1205
|
provide: TABLE_COMPONENT_TOKEN,
|
|
1211
1206
|
useExisting: TableComponent,
|
|
1212
1207
|
},
|
|
1213
|
-
], queries: [{ propertyName: "rowDetailTemplate", first: true, predicate: ["rowDetail"], descendants: true }, { propertyName: "viewColumns", predicate: TABLE_COLUMN_PROVIDER }], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"v-table\">\n <p-table\n #table\n class=\"v-table\"\n [value]=\"tableRows\"\n [filters]=\"filter | primengFilter\"\n [paginator]=\"showPaginator\"\n [rows]=\"pageSize\"\n [totalRecords]=\"total\"\n [loading]=\"loading\"\n [lazy]=\"lazy\"\n dataKey=\"id\"\n [scrollable]=\"scrollable\"\n [sortMode]=\"sortMultiple ? 'multiple' : 'single'\"\n [scrollHeight]=\"'flex'\"\n [selectionMode]=\"selectionMode\"\n [selection]=\"tableSelection\"\n [rowsPerPageOptions]=\"[10, 25, 50, 100]\"\n [expandedRowKeys]=\"expandedRows\"\n [showCurrentPageReport]=\"true\"\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords} entries\"\n [customSort]=\"lazy\"\n [multiSortMeta]=\"sortMeta\"\n [resizableColumns]=\"true\"\n columnResizeMode=\"expand\"\n [globalFilterFields]=\"globalFilterFields\"\n (onPage)=\"pageChanged($event)\"\n (onSort)=\"sortChanged($event)\"\n (selectionChange)=\"selectionChanged($event)\"\n (onLazyLoad)=\"fireLazyLoad($event)\"\n >\n <ng-template pTemplate=\"header\">\n <tr>\n @if (selectionMode === 'multiple') {\n <th>\n <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n </th>\n } @for (column of tableColumns; track column; let index = $index) {\n <th\n *ngIf=\"column.sortable\"\n pResizableColumn\n [pSortableColumn]=\"'row.' + column.id\"\n [style.width]=\"column.width\"\n >\n {{ column.headerGetter(column.id, index) }}\n <p-sortIcon [field]=\"'row.' + column.id\"></p-sortIcon>\n </th>\n <th\n *ngIf=\"!column.sortable\"\n pResizableColumn\n [class.v-auto-cell]=\"column.template\"\n [style.width]=\"column.width\"\n >\n {{ column.headerGetter(column.id, index) }}\n </th>\n } @if (rowDetailTemplate){\n <th></th>\n }\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-row let-expanded=\"expanded\">\n <tr\n [pSelectableRow]=\"row\"\n [pSelectableRowDisabled]=\"selectionMode !== 'single'\"\n (dblclick)=\"\n router.navigate(['./' + row.row[entityKey ?? 'id']], {\n relativeTo: route\n })\n \"\n >\n @if (selectionMode === 'multiple'){\n <td>\n <p-tableCheckbox [value]=\"row\"></p-tableCheckbox>\n </td>\n }\n <td\n *ngFor=\"let cd of tableColumns; let index = index\"\n [class]=\"cd.columnClass!\"\n [class.v-auto-cell]=\"cd.template\"\n >\n <ng-container *ngIf=\"cd.template\">\n <ng-container\n *ngTemplateOutlet=\"cd.template; context: { $implicit: row.row }\"\n ></ng-container>\n </ng-container>\n <span\n *ngIf=\"!row.template\"\n [queryParams]=\"cd.queryParams ? cd.queryParams : undefined\"\n [routerLink]=\"cd.routerLink ? cd.routerLink(row.row) : undefined\"\n [innerHTML]=\"cd.valueGetter(row.row, index)\"\n ></span>\n </td>\n @if (rowDetailTemplate){\n <td>\n <p-button\n type=\"button\"\n pRipple\n severity=\"primary\"\n [pRowToggler]=\"row\"\n [text]=\"true\"\n [rounded]=\"true\"\n [plain]=\"true\"\n [icon]=\"expanded ? icons.chevronDown : icons.chevronRight\"\n />\n </td>\n }\n </tr>\n </ng-template>\n <ng-template pTemplate=\"rowexpansion\" let-row>\n <tr>\n <td [attr.colspan]=\"tableColumns.length + 1\">\n <ng-container\n class=\"w-100\"\n *ngTemplateOutlet=\"\n expansionTemplate.template;\n context: { $implicit: row.row }\n \"\n ></ng-container>\n </td>\n </tr>\n </ng-template>\n </p-table>\n</div>\n", styles: [".v-auto-cell{width:1%;white-space:nowrap}.v-table{display:flex;flex-direction:column;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$
|
|
1208
|
+
], queries: [{ propertyName: "rowDetailTemplate", first: true, predicate: ["rowDetail"], descendants: true }, { propertyName: "viewColumns", predicate: TABLE_COLUMN_PROVIDER }], viewQueries: [{ propertyName: "table", first: true, predicate: ["table"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"v-table\">\n <p-table\n #table\n class=\"v-table\"\n [value]=\"tableRows\"\n [filters]=\"filter | primengFilter\"\n [paginator]=\"showPaginator\"\n [rows]=\"pageSize\"\n [totalRecords]=\"total\"\n [loading]=\"loading\"\n [lazy]=\"lazy\"\n dataKey=\"id\"\n [scrollable]=\"scrollable\"\n [sortMode]=\"sortMultiple ? 'multiple' : 'single'\"\n [scrollHeight]=\"'flex'\"\n [selectionMode]=\"selectionMode\"\n [selection]=\"tableSelection\"\n [rowsPerPageOptions]=\"[10, 25, 50, 100]\"\n [expandedRowKeys]=\"expandedRows\"\n [showCurrentPageReport]=\"true\"\n currentPageReportTemplate=\"Showing {first} to {last} of {totalRecords} entries\"\n [customSort]=\"lazy\"\n [multiSortMeta]=\"sortMeta\"\n [resizableColumns]=\"true\"\n columnResizeMode=\"expand\"\n [globalFilterFields]=\"globalFilterFields\"\n (onPage)=\"pageChanged($event)\"\n (onSort)=\"sortChanged($event)\"\n (selectionChange)=\"selectionChanged($event)\"\n (onLazyLoad)=\"fireLazyLoad($event)\"\n >\n <ng-template pTemplate=\"header\">\n <tr>\n @if (selectionMode === 'multiple') {\n <th>\n <p-tableHeaderCheckbox></p-tableHeaderCheckbox>\n </th>\n } @for (column of tableColumns; track column; let index = $index) {\n <th\n *ngIf=\"column.sortable\"\n pResizableColumn\n [pSortableColumn]=\"'row.' + column.id\"\n [style.width]=\"column.width\"\n >\n {{ column.headerGetter(column.id, index) }}\n <p-sortIcon [field]=\"'row.' + column.id\"></p-sortIcon>\n </th>\n <th\n *ngIf=\"!column.sortable\"\n pResizableColumn\n [class.v-auto-cell]=\"column.template\"\n [style.width]=\"column.width\"\n >\n {{ column.headerGetter(column.id, index) }}\n </th>\n } @if (rowDetailTemplate){\n <th></th>\n }\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-row let-expanded=\"expanded\">\n <tr\n [pSelectableRow]=\"row\"\n [pSelectableRowDisabled]=\"selectionMode !== 'single'\"\n (dblclick)=\"\n router.navigate(['./' + row.row[entityKey ?? 'id']], {\n relativeTo: route\n })\n \"\n >\n @if (selectionMode === 'multiple'){\n <td>\n <p-tableCheckbox [value]=\"row\"></p-tableCheckbox>\n </td>\n }\n <td\n *ngFor=\"let cd of tableColumns; let index = index\"\n [class]=\"cd.columnClass!\"\n [class.v-auto-cell]=\"cd.template\"\n >\n <ng-container *ngIf=\"cd.template\">\n <ng-container\n *ngTemplateOutlet=\"cd.template; context: { $implicit: row.row }\"\n ></ng-container>\n </ng-container>\n <span\n *ngIf=\"!row.template\"\n [queryParams]=\"cd.queryParams ? cd.queryParams : undefined\"\n [routerLink]=\"cd.routerLink ? cd.routerLink(row.row) : undefined\"\n [innerHTML]=\"cd.valueGetter(row.row, index)\"\n ></span>\n </td>\n @if (rowDetailTemplate){\n <td>\n <p-button\n type=\"button\"\n pRipple\n severity=\"primary\"\n [pRowToggler]=\"row\"\n [text]=\"true\"\n [rounded]=\"true\"\n [plain]=\"true\"\n [icon]=\"expanded ? icons.chevronDown : icons.chevronRight\"\n />\n </td>\n }\n </tr>\n </ng-template>\n <ng-template pTemplate=\"rowexpansion\" let-row>\n <tr>\n <td [attr.colspan]=\"tableColumns.length + 1\">\n <ng-container\n class=\"w-100\"\n *ngTemplateOutlet=\"\n expansionTemplate.template;\n context: { $implicit: row.row }\n \"\n ></ng-container>\n </td>\n </tr>\n </ng-template>\n </p-table>\n</div>\n", styles: [".v-auto-cell{width:1%;white-space:nowrap}.v-table{display:flex;flex-direction:column;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$7.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$7.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i2$7.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "directive", type: i2$7.RowToggler, selector: "[pRowToggler]", inputs: ["pRowToggler", "pRowTogglerDisabled"] }, { kind: "directive", type: i2$7.ResizableColumn, selector: "[pResizableColumn]", inputs: ["pResizableColumnDisabled"] }, { kind: "component", type: i2$7.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$7.TableCheckbox, selector: "p-tableCheckbox", inputs: ["value", "disabled", "required", "index", "inputId", "name", "ariaLabel"] }, { kind: "component", type: i2$7.TableHeaderCheckbox, selector: "p-tableHeaderCheckbox", inputs: ["disabled", "inputId", "name", "ariaLabel"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "fluid", "buttonProps"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i6.Ripple, selector: "[pRipple]" }, { kind: "pipe", type: TableFilterPipe, name: "primengFilter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1214
1209
|
}
|
|
1215
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1210
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TableComponent, decorators: [{
|
|
1216
1211
|
type: Component,
|
|
1217
|
-
args: [{ selector: 'v-table',
|
|
1212
|
+
args: [{ selector: 'v-table', imports: [
|
|
1218
1213
|
CommonModule,
|
|
1219
1214
|
TableModule,
|
|
1220
1215
|
RouterModule,
|
|
@@ -1306,12 +1301,12 @@ class ActionButtonComponent {
|
|
|
1306
1301
|
event.stopPropagation();
|
|
1307
1302
|
this.click.emit(event);
|
|
1308
1303
|
}
|
|
1309
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1310
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1304
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1305
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: ActionButtonComponent, isStandalone: true, selector: "v-action-button", inputs: { disabled: "disabled", toolTip: "toolTip", id: "id", icon: "icon", outlined: "outlined", raised: "raised", severity: "severity", label: "label", size: "size" }, outputs: { click: "click" }, usesOnChanges: true, ngImport: i0, template: "<v-button\n [label]=\"label\"\n [disabled]=\"disabled\"\n [icon]=\"icon\"\n [outlined]=\"outlined\"\n tooltipPosition=\"bottom\"\n [size]=\"size\"\n [severity]=\"severity\"\n (click)=\"handleClick($event)\"\n></v-button>\n", styles: [""], dependencies: [{ kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1311
1306
|
}
|
|
1312
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1307
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ActionButtonComponent, decorators: [{
|
|
1313
1308
|
type: Component,
|
|
1314
|
-
args: [{ selector: 'v-action-button',
|
|
1309
|
+
args: [{ selector: 'v-action-button', imports: [ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<v-button\n [label]=\"label\"\n [disabled]=\"disabled\"\n [icon]=\"icon\"\n [outlined]=\"outlined\"\n tooltipPosition=\"bottom\"\n [size]=\"size\"\n [severity]=\"severity\"\n (click)=\"handleClick($event)\"\n></v-button>\n" }]
|
|
1315
1310
|
}], propDecorators: { disabled: [{
|
|
1316
1311
|
type: Input
|
|
1317
1312
|
}], toolTip: [{
|
|
@@ -1381,23 +1376,23 @@ class ActionButtonGroupComponent extends UnsubscribeComponent {
|
|
|
1381
1376
|
},
|
|
1382
1377
|
};
|
|
1383
1378
|
}
|
|
1384
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1385
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1379
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ActionButtonGroupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.ScreenSizeService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1380
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: ActionButtonGroupComponent, isStandalone: true, selector: "v-action-button-group", inputs: { maxItems: "maxItems", maxItemsMobile: "maxItemsMobile", items: "items", menuIconPos: "menuIconPos", menuIcon: "menuIcon", label: "label", icon: "icon" }, providers: [
|
|
1386
1381
|
{
|
|
1387
1382
|
provide: ACTION_BUTTON_GROUP_COMPONENT_TOKEN,
|
|
1388
1383
|
useExisting: ActionButtonGroupComponent,
|
|
1389
1384
|
},
|
|
1390
|
-
], queries: [{ propertyName: "actions", predicate: ActionButtonComponent }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"v-action-button-group align-items-center justify-content-center justify-content-md-end\"\n>\n <div class=\"v-action-button-group__actions d-flex gap-2\">\n @for (action of visibleActions; track action) {\n <v-action-button\n [disabled]=\"action.disabled\"\n [icon]=\"action.icon\"\n [id]=\"action.id\"\n [outlined]=\"action.outlined\"\n [raised]=\"action.raised\"\n [toolTip]=\"action.toolTip || action.label\"\n [severity]=\"action.severity\"\n [size]=\"action.size\"\n (click)=\"fireClick(action, $event)\"\n ></v-action-button>\n } @if (actions.length > visibleActions.length) {\n <v-button\n
|
|
1385
|
+
], queries: [{ propertyName: "actions", predicate: ActionButtonComponent }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"v-action-button-group align-items-center justify-content-center justify-content-md-end\"\n>\n <div class=\"v-action-button-group__actions d-flex gap-2\">\n @for (action of visibleActions; track action) {\n <v-action-button\n [disabled]=\"action.disabled\"\n [icon]=\"action.icon\"\n [id]=\"action.id\"\n [outlined]=\"action.outlined\"\n [raised]=\"action.raised\"\n [toolTip]=\"action.toolTip || action.label\"\n [severity]=\"action.severity\"\n [size]=\"action.size\"\n (click)=\"fireClick(action, $event)\"\n ></v-action-button>\n } @if (actions.length > visibleActions.length) {\n <v-dropdown-button\n [label]=\"label\"\n [icon]=\"menuIcon\"\n [items]=\"menuItems\"\n />\n }\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: ActionButtonComponent, selector: "v-action-button", inputs: ["disabled", "toolTip", "id", "icon", "outlined", "raised", "severity", "label", "size"], outputs: ["click"] }, { kind: "component", type: DropdownButtonComponent, selector: "v-dropdown-button", inputs: ["label", "icon", "rounded", "raised", "outlined", "severity", "size", "items"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1391
1386
|
}
|
|
1392
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1387
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ActionButtonGroupComponent, decorators: [{
|
|
1393
1388
|
type: Component,
|
|
1394
|
-
args: [{ selector: 'v-action-button-group',
|
|
1389
|
+
args: [{ selector: 'v-action-button-group', imports: [ActionButtonComponent, DropdownButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
1395
1390
|
{
|
|
1396
1391
|
provide: ACTION_BUTTON_GROUP_COMPONENT_TOKEN,
|
|
1397
1392
|
useExisting: ActionButtonGroupComponent,
|
|
1398
1393
|
},
|
|
1399
|
-
], template: "<div\n class=\"v-action-button-group align-items-center justify-content-center justify-content-md-end\"\n>\n <div class=\"v-action-button-group__actions d-flex gap-2\">\n @for (action of visibleActions; track action) {\n <v-action-button\n [disabled]=\"action.disabled\"\n [icon]=\"action.icon\"\n [id]=\"action.id\"\n [outlined]=\"action.outlined\"\n [raised]=\"action.raised\"\n [toolTip]=\"action.toolTip || action.label\"\n [severity]=\"action.severity\"\n [size]=\"action.size\"\n (click)=\"fireClick(action, $event)\"\n ></v-action-button>\n } @if (actions.length > visibleActions.length) {\n <v-button\n
|
|
1400
|
-
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$
|
|
1394
|
+
], template: "<div\n class=\"v-action-button-group align-items-center justify-content-center justify-content-md-end\"\n>\n <div class=\"v-action-button-group__actions d-flex gap-2\">\n @for (action of visibleActions; track action) {\n <v-action-button\n [disabled]=\"action.disabled\"\n [icon]=\"action.icon\"\n [id]=\"action.id\"\n [outlined]=\"action.outlined\"\n [raised]=\"action.raised\"\n [toolTip]=\"action.toolTip || action.label\"\n [severity]=\"action.severity\"\n [size]=\"action.size\"\n (click)=\"fireClick(action, $event)\"\n ></v-action-button>\n } @if (actions.length > visibleActions.length) {\n <v-dropdown-button\n [label]=\"label\"\n [icon]=\"menuIcon\"\n [items]=\"menuItems\"\n />\n }\n </div>\n</div>\n" }]
|
|
1395
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$2.ScreenSizeService }], propDecorators: { actions: [{
|
|
1401
1396
|
type: ContentChildren,
|
|
1402
1397
|
args: [ActionButtonComponent]
|
|
1403
1398
|
}], maxItems: [{
|
|
@@ -1466,8 +1461,8 @@ class DropdownComponent extends BaseFormInputComponent {
|
|
|
1466
1461
|
onDropdownClear() {
|
|
1467
1462
|
this.cleared.emit();
|
|
1468
1463
|
}
|
|
1469
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1470
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1464
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: DropdownComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1465
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: DropdownComponent, isStandalone: true, selector: "v-dropdown", inputs: { options: "options", optionLabel: "optionLabel", optionValue: "optionValue", dropdownIcon: "dropdownIcon", floatLabel: "floatLabel", editable: "editable", loading: "loading", lazy: "lazy", filter: "filter", forceMinWidth: "forceMinWidth", showFilter: "showFilter", localSearch: "localSearch" }, outputs: { showed: "showed", cleared: "cleared", lazyLoad: "lazyLoad", filtered: "filtered" }, providers: [
|
|
1471
1466
|
{
|
|
1472
1467
|
provide: BaseInputControls,
|
|
1473
1468
|
useExisting: forwardRef(() => DropdownComponent),
|
|
@@ -1477,11 +1472,11 @@ class DropdownComponent extends BaseFormInputComponent {
|
|
|
1477
1472
|
provide: DROPDOWN_COMPONENT_TOKEN,
|
|
1478
1473
|
useExisting: DropdownComponent,
|
|
1479
1474
|
},
|
|
1480
|
-
], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-dropdown\">\n <ng-container *ngIf=\"label && !floatLabel\">\n <v-form-field\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-dropdown\n [baseZIndex]=\"9999\"\n class=\"w-100\"\n appendTo=\"body\"\n [formControl]=\"formControl\"\n [filter]=\"filter\"\n [title]=\"label\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder ?? ''\"\n [virtualScroll]=\"lazy\"\n [virtualScrollItemSize]=\"virtualOptionSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [showClear]=\"formControl && clearable && !readonly\"\n [editable]=\"editable\"\n [dataKey]=\"optionValue\"\n (showEvent)=\"onDropdownShow()\"\n (clearEvent)=\"onDropdownClear()\"\n (onFilter)=\"filterChange($event)\"\n >\n </p-dropdown>\n </v-form-field>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </ng-container>\n <ng-container *ngIf=\"!label && !floatLabel\">\n <p-dropdown\n [baseZIndex]=\"9999\"\n class=\"w-100\"\n appendTo=\"body\"\n [formControl]=\"formControl\"\n [filter]=\"filter\"\n [title]=\"label\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder ? placeholder : label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [showClear]=\"formControl && clearable && !readonly\"\n [editable]=\"editable\"\n [dataKey]=\"optionValue\"\n [virtualScroll]=\"lazy\"\n [virtualScrollItemSize]=\"virtualOptionSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n (showEvent)=\"onDropdownShow()\"\n (clearEvent)=\"onDropdownClear()\"\n (onFilter)=\"filterChange($event)\"\n >\n </p-dropdown>\n </ng-container>\n <ng-container *ngIf=\"floatLabel && !label\">\n <p-floatLabel>\n <p-dropdown\n [baseZIndex]=\"9999\"\n class=\"w-100\"\n appendTo=\"body\"\n [formControl]=\"formControl\"\n [title]=\"label\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder ? placeholder : label\"\n [filter]=\"filter\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [showClear]=\"formControl && clearable && !readonly\"\n [editable]=\"editable\"\n [dataKey]=\"optionValue\"\n [virtualScroll]=\"lazy\"\n [virtualScrollItemSize]=\"virtualOptionSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n (showEvent)=\"onDropdownShow()\"\n (clearEvent)=\"onDropdownClear()\"\n (onFilter)=\"filterChange($event)\"\n (lazyLoad)=\"onLazyLoad($any($event))\"\n >\n </p-dropdown>\n <label [for]=\"inputId\">{{ floatLabel }}</label>\n </p-floatLabel>\n </ng-container>\n</div>", styles: [".v-dropdown{justify-content:center;width:100%}.p-dropdown-items-wrapper,.p-scroller-viewport,.p-scroller{min-width:8rem!important;overflow-x:hidden;overflow-y:auto}.p-dropdown{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i3$
|
|
1475
|
+
], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-dropdown\">\n <ng-container *ngIf=\"label && !floatLabel\">\n <v-form-field\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-dropdown\n [baseZIndex]=\"9999\"\n class=\"w-100\"\n appendTo=\"body\"\n [formControl]=\"formControl\"\n [filter]=\"filter\"\n [title]=\"label\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder ?? ''\"\n [virtualScroll]=\"lazy\"\n [virtualScrollItemSize]=\"virtualOptionSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [showClear]=\"formControl && clearable && !readonly\"\n [editable]=\"editable\"\n [dataKey]=\"optionValue\"\n (showEvent)=\"onDropdownShow()\"\n (clearEvent)=\"onDropdownClear()\"\n (onFilter)=\"filterChange($event)\"\n >\n </p-dropdown>\n </v-form-field>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </ng-container>\n <ng-container *ngIf=\"!label && !floatLabel\">\n <p-dropdown\n [baseZIndex]=\"9999\"\n class=\"w-100\"\n appendTo=\"body\"\n [formControl]=\"formControl\"\n [filter]=\"filter\"\n [title]=\"label\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder ? placeholder : label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [showClear]=\"formControl && clearable && !readonly\"\n [editable]=\"editable\"\n [dataKey]=\"optionValue\"\n [virtualScroll]=\"lazy\"\n [virtualScrollItemSize]=\"virtualOptionSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n (showEvent)=\"onDropdownShow()\"\n (clearEvent)=\"onDropdownClear()\"\n (onFilter)=\"filterChange($event)\"\n >\n </p-dropdown>\n </ng-container>\n <ng-container *ngIf=\"floatLabel && !label\">\n <p-floatLabel>\n <p-dropdown\n [baseZIndex]=\"9999\"\n class=\"w-100\"\n appendTo=\"body\"\n [formControl]=\"formControl\"\n [title]=\"label\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder ? placeholder : label\"\n [filter]=\"filter\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [showClear]=\"formControl && clearable && !readonly\"\n [editable]=\"editable\"\n [dataKey]=\"optionValue\"\n [virtualScroll]=\"lazy\"\n [virtualScrollItemSize]=\"virtualOptionSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n (showEvent)=\"onDropdownShow()\"\n (clearEvent)=\"onDropdownClear()\"\n (onFilter)=\"filterChange($event)\"\n (lazyLoad)=\"onLazyLoad($any($event))\"\n >\n </p-dropdown>\n <label [for]=\"inputId\">{{ floatLabel }}</label>\n </p-floatLabel>\n </ng-container>\n</div>", styles: [".v-dropdown{justify-content:center;width:100%}.p-dropdown-items-wrapper,.p-scroller-viewport,.p-scroller{min-width:8rem!important;overflow-x:hidden;overflow-y:auto}.p-dropdown{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i3$5.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "fluid", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "ngmodule", type: MessageModule }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i4$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1481
1476
|
}
|
|
1482
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1477
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: DropdownComponent, decorators: [{
|
|
1483
1478
|
type: Component,
|
|
1484
|
-
args: [{ selector: 'v-dropdown',
|
|
1479
|
+
args: [{ selector: 'v-dropdown', imports: [
|
|
1485
1480
|
CommonModule,
|
|
1486
1481
|
ReactiveFormsModule,
|
|
1487
1482
|
DropdownModule,
|
|
@@ -1581,8 +1576,8 @@ class MultiselectComponent extends BaseFormInputComponent {
|
|
|
1581
1576
|
onDropdownClear() {
|
|
1582
1577
|
this.cleared.emit();
|
|
1583
1578
|
}
|
|
1584
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1585
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1579
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: MultiselectComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1580
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: MultiselectComponent, isStandalone: true, selector: "v-multiselect", inputs: { options: "options", optionLabel: "optionLabel", optionValue: "optionValue", dropdownIcon: "dropdownIcon", floatLabel: "floatLabel", editable: "editable", loading: "loading", lazy: "lazy", filter: "filter", size: "size" }, outputs: { changed: "changed", showed: "showed", cleared: "cleared", lazyLoad: "lazyLoad", filtered: "filtered" }, providers: [
|
|
1586
1581
|
{
|
|
1587
1582
|
provide: BaseInputControls,
|
|
1588
1583
|
useExisting: forwardRef(() => MultiselectComponent),
|
|
@@ -1592,11 +1587,11 @@ class MultiselectComponent extends BaseFormInputComponent {
|
|
|
1592
1587
|
provide: MULTISELECT_COMPONENT_TOKEN,
|
|
1593
1588
|
useExisting: MultiselectComponent,
|
|
1594
1589
|
},
|
|
1595
|
-
], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-multiple-select\">\n <ng-container *ngIf=\"label && !floatLabel\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-multiSelect\n [baseZIndex]=\"9999\"\n class=\"w-100\"\n appendTo=\"body\"\n [formControl]=\"formControl\"\n [title]=\"label\"\n display=\"chip\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder ? placeholder : label\"\n [virtualScrollItemSize]=\"25\"\n [lazy]=\"true\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [showClear]=\"formControl && clearable && !readonly\"\n [virtualScroll]=\"lazy\"\n [virtualScrollItemSize]=\"virtualOptionSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n (showEvent)=\"onDropdownShow()\"\n (clearEvent)=\"onDropdownClear()\"\n (changeEvent)=\"selectionChange($event)\"\n (lazyLoadEvent)=\"onLazyLoad($any($event))\"\n ></p-multiSelect>\n </v-form-field>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </ng-container>\n <ng-container *ngIf=\"floatLabel\">\n <p-floatLabel>\n <p-multiSelect\n [baseZIndex]=\"9999\"\n class=\"w-100\"\n appendTo=\"body\"\n [formControl]=\"formControl\"\n [title]=\"label\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder ? placeholder : label\"\n [virtualScrollItemSize]=\"25\"\n [lazy]=\"true\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [inputId]=\"inputId\"\n [showClear]=\"formControl && clearable && !readonly\"\n [virtualScroll]=\"lazy\"\n [virtualScrollItemSize]=\"virtualOptionSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n (showEvent)=\"onDropdownShow()\"\n (clearEvent)=\"onDropdownClear()\"\n (changeEvent)=\"selectionChange($event)\"\n (lazyLoadEvent)=\"onLazyLoad($any($event))\"\n ></p-multiSelect>\n\n <label [for]=\"inputId\">{{ floatLabel }}</label>\n </p-floatLabel>\n </ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i4$1.FloatLabel, selector: "p-floatLabel" }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i4$3.MultiSelect, selector: "p-multiSelect", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1590
|
+
], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-multiple-select\">\n <ng-container *ngIf=\"label && !floatLabel\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-multiSelect\n [baseZIndex]=\"9999\"\n class=\"w-100\"\n appendTo=\"body\"\n [formControl]=\"formControl\"\n [title]=\"label\"\n display=\"chip\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder ? placeholder : label\"\n [virtualScrollItemSize]=\"25\"\n [lazy]=\"true\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [showClear]=\"formControl && clearable && !readonly\"\n [virtualScroll]=\"lazy\"\n [virtualScrollItemSize]=\"virtualOptionSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n (showEvent)=\"onDropdownShow()\"\n (clearEvent)=\"onDropdownClear()\"\n (changeEvent)=\"selectionChange($event)\"\n (lazyLoadEvent)=\"onLazyLoad($any($event))\"\n ></p-multiSelect>\n </v-form-field>\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </ng-container>\n <ng-container *ngIf=\"floatLabel\">\n <p-floatLabel>\n <p-multiSelect\n [baseZIndex]=\"9999\"\n class=\"w-100\"\n appendTo=\"body\"\n [formControl]=\"formControl\"\n [title]=\"label\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [loading]=\"loading\"\n [placeholder]=\"placeholder ? placeholder : label\"\n [virtualScrollItemSize]=\"25\"\n [lazy]=\"true\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [inputId]=\"inputId\"\n [showClear]=\"formControl && clearable && !readonly\"\n [virtualScroll]=\"lazy\"\n [virtualScrollItemSize]=\"virtualOptionSize\"\n [virtualScrollOptions]=\"virtualScrollOptions\"\n (showEvent)=\"onDropdownShow()\"\n (clearEvent)=\"onDropdownClear()\"\n (changeEvent)=\"selectionChange($event)\"\n (lazyLoadEvent)=\"onLazyLoad($any($event))\"\n ></p-multiSelect>\n\n <label [for]=\"inputId\">{{ floatLabel }}</label>\n </p-floatLabel>\n </ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FloatLabelModule }, { kind: "component", type: i4$1.FloatLabel, selector: "p-floatlabel, p-floatLabel, p-float-label", inputs: ["variant"] }, { kind: "ngmodule", type: MultiSelectModule }, { kind: "component", type: i4$3.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "style", "styleClass", "panelStyle", "panelStyleClass", "inputId", "disabled", "fluid", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "variant", "appendTo", "dataKey", "name", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "size", "showClear", "autofocus", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "defaultLabel", "placeholder", "options", "filterValue", "itemSize", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1596
1591
|
}
|
|
1597
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1592
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: MultiselectComponent, decorators: [{
|
|
1598
1593
|
type: Component,
|
|
1599
|
-
args: [{ selector: 'v-multiselect',
|
|
1594
|
+
args: [{ selector: 'v-multiselect', imports: [
|
|
1600
1595
|
CommonModule,
|
|
1601
1596
|
ReactiveFormsModule,
|
|
1602
1597
|
FloatLabelModule,
|
|
@@ -1666,21 +1661,20 @@ class GenericFieldComponent extends BaseFormInputComponent {
|
|
|
1666
1661
|
this.fieldTypes = GenericFieldType;
|
|
1667
1662
|
this.icons = Icons;
|
|
1668
1663
|
}
|
|
1669
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1670
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1664
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GenericFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1665
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: GenericFieldComponent, isStandalone: true, selector: "v-generic-field", inputs: { type: "type", floatLabel: "floatLabel", optionLabel: "optionLabel", optionValue: "optionValue", options: "options", size: "size", loading: "loading", lazy: "lazy", filter: "filter", datasource: "datasource", filterField: "filterField", showFilter: "showFilter", localSearch: "localSearch" }, outputs: { changed: "changed", showed: "showed", cleared: "cleared", lazyLoad: "lazyLoad", filtered: "filtered" }, providers: [
|
|
1671
1666
|
{
|
|
1672
1667
|
provide: GENERIC_FIELD_COMPONENT_TOKEN,
|
|
1673
1668
|
useExisting: GenericFieldComponent,
|
|
1674
1669
|
},
|
|
1675
|
-
], usesInheritance: true, ngImport: i0, template: "@if (!type || type === fieldTypes.text) {\n<v-textfield\n [label]=\"label\"\n [floatLabel]=\"floatLabel === true\"\n [size]=\"size\"\n [formControl]=\"formControl\"\n/>\n} @else if (type === fieldTypes.dropdown && !datasource) {\n<v-dropdown\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [loading]=\"loading\"\n [forceMinWidth]=\"true\"\n [formControl]=\"formControl\"\n [showFilter]=\"showFilter ?? false\"\n [localSearch]=\"localSearch ?? false\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n/> \n} @else if (type === fieldTypes.dropdown && datasource) {\n <v-dropdown\n useDatasource\n [forceMinWidth]=\"true\"\n [datasource]=\"datasource\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [loading]=\"loading\"\n [formControl]=\"formControl\"\n [showFilter]=\"showFilter ?? false\"\n [filterField]=\"filterField ?? 'fulltext'\"\n [localSearch]=\"localSearch ?? false\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n />\n} @else if (type === fieldTypes.multiselect && !datasource) {\n<v-multiselect\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [loading]=\"loading\"\n [formControl]=\"formControl\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n/>\n} @else if (type === fieldTypes.multiselect && datasource) {\n<v-multiselect\n useDatasource\n [datasource]=\"datasource\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [loading]=\"loading\"\n [formControl]=\"formControl\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n/>\n} @else if (type === fieldTypes.checkbox) {\n<v-
|
|
1670
|
+
], usesInheritance: true, ngImport: i0, template: "@if (!type || type === fieldTypes.text) {\n<v-textfield\n [label]=\"label\"\n [floatLabel]=\"floatLabel === true\"\n [size]=\"size\"\n [formControl]=\"formControl\"\n/>\n} @else if (type === fieldTypes.dropdown && !datasource) {\n<v-dropdown\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [loading]=\"loading\"\n [forceMinWidth]=\"true\"\n [formControl]=\"formControl\"\n [showFilter]=\"showFilter ?? false\"\n [localSearch]=\"localSearch ?? false\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n/> \n} @else if (type === fieldTypes.dropdown && datasource) {\n <v-dropdown\n useDatasource\n [forceMinWidth]=\"true\"\n [datasource]=\"datasource\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [loading]=\"loading\"\n [formControl]=\"formControl\"\n [showFilter]=\"showFilter ?? false\"\n [filterField]=\"filterField ?? 'fulltext'\"\n [localSearch]=\"localSearch ?? false\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n />\n} @else if (type === fieldTypes.multiselect && !datasource) {\n<v-multiselect\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [loading]=\"loading\"\n [formControl]=\"formControl\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n/>\n} @else if (type === fieldTypes.multiselect && datasource) {\n<v-multiselect\n useDatasource\n [datasource]=\"datasource\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [loading]=\"loading\"\n [formControl]=\"formControl\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n/>\n} @else if (type === fieldTypes.checkbox) {\n<v-checkbox\n [label]=\"label\"\n [testId]=\"testId\"\n [formControl]=\"formControl\"\n [indeterminate]=\"true\"\n/>\n} @else if (type === fieldTypes.simplecheckbox) {\n<v-checkbox\n [label]=\"label\"\n [testId]=\"testId\"\n [formControl]=\"formControl\"\n/>\n} @else if (type === fieldTypes.calendar) {\n<v-calendar\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [formControl]=\"formControl\"\n [icon]=\"icons.calendar\"\n/>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: DropdownComponent, selector: "v-dropdown", inputs: ["options", "optionLabel", "optionValue", "dropdownIcon", "floatLabel", "editable", "loading", "lazy", "filter", "forceMinWidth", "showFilter", "localSearch"], outputs: ["showed", "cleared", "lazyLoad", "filtered"] }, { kind: "component", type: CalendarComponent, selector: "v-calendar", inputs: ["maxDate", "icon", "minDate", "header", "footer", "floatLabel", "selectionMode"] }, { kind: "component", type: MultiselectComponent, selector: "v-multiselect", inputs: ["options", "optionLabel", "optionValue", "dropdownIcon", "floatLabel", "editable", "loading", "lazy", "filter", "size"], outputs: ["changed", "showed", "cleared", "lazyLoad", "filtered"] }, { kind: "component", type: TextfieldComponent, selector: "v-textfield", inputs: ["size", "type", "floatLabel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: CheckboxComponent, selector: "v-checkbox", inputs: ["indeterminate"] }, { kind: "directive", type: DatasourceDirective, selector: "v-dropdown[useDatasource], v-multiselect[useDatasource], v-generic-field[useDatasource]", inputs: ["datasource", "autoBind", "loadingText", "filterField", "transformFn", "extraFilter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1676
1671
|
}
|
|
1677
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1672
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GenericFieldComponent, decorators: [{
|
|
1678
1673
|
type: Component,
|
|
1679
|
-
args: [{ selector: 'v-generic-field',
|
|
1674
|
+
args: [{ selector: 'v-generic-field', imports: [
|
|
1680
1675
|
CommonModule,
|
|
1681
1676
|
DropdownComponent,
|
|
1682
1677
|
CalendarComponent,
|
|
1683
|
-
TristatecheckboxComponent,
|
|
1684
1678
|
MultiselectComponent,
|
|
1685
1679
|
TextfieldComponent,
|
|
1686
1680
|
ReactiveFormsModule,
|
|
@@ -1691,7 +1685,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
1691
1685
|
provide: GENERIC_FIELD_COMPONENT_TOKEN,
|
|
1692
1686
|
useExisting: GenericFieldComponent,
|
|
1693
1687
|
},
|
|
1694
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!type || type === fieldTypes.text) {\n<v-textfield\n [label]=\"label\"\n [floatLabel]=\"floatLabel === true\"\n [size]=\"size\"\n [formControl]=\"formControl\"\n/>\n} @else if (type === fieldTypes.dropdown && !datasource) {\n<v-dropdown\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [loading]=\"loading\"\n [forceMinWidth]=\"true\"\n [formControl]=\"formControl\"\n [showFilter]=\"showFilter ?? false\"\n [localSearch]=\"localSearch ?? false\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n/> \n} @else if (type === fieldTypes.dropdown && datasource) {\n <v-dropdown\n useDatasource\n [forceMinWidth]=\"true\"\n [datasource]=\"datasource\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [loading]=\"loading\"\n [formControl]=\"formControl\"\n [showFilter]=\"showFilter ?? false\"\n [filterField]=\"filterField ?? 'fulltext'\"\n [localSearch]=\"localSearch ?? false\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n />\n} @else if (type === fieldTypes.multiselect && !datasource) {\n<v-multiselect\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [loading]=\"loading\"\n [formControl]=\"formControl\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n/>\n} @else if (type === fieldTypes.multiselect && datasource) {\n<v-multiselect\n useDatasource\n [datasource]=\"datasource\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [loading]=\"loading\"\n [formControl]=\"formControl\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n/>\n} @else if (type === fieldTypes.checkbox) {\n<v-
|
|
1688
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!type || type === fieldTypes.text) {\n<v-textfield\n [label]=\"label\"\n [floatLabel]=\"floatLabel === true\"\n [size]=\"size\"\n [formControl]=\"formControl\"\n/>\n} @else if (type === fieldTypes.dropdown && !datasource) {\n<v-dropdown\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [loading]=\"loading\"\n [forceMinWidth]=\"true\"\n [formControl]=\"formControl\"\n [showFilter]=\"showFilter ?? false\"\n [localSearch]=\"localSearch ?? false\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n/> \n} @else if (type === fieldTypes.dropdown && datasource) {\n <v-dropdown\n useDatasource\n [forceMinWidth]=\"true\"\n [datasource]=\"datasource\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [loading]=\"loading\"\n [formControl]=\"formControl\"\n [showFilter]=\"showFilter ?? false\"\n [filterField]=\"filterField ?? 'fulltext'\"\n [localSearch]=\"localSearch ?? false\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n />\n} @else if (type === fieldTypes.multiselect && !datasource) {\n<v-multiselect\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [loading]=\"loading\"\n [formControl]=\"formControl\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n/>\n} @else if (type === fieldTypes.multiselect && datasource) {\n<v-multiselect\n useDatasource\n [datasource]=\"datasource\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue ?? optionLabel\"\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [loading]=\"loading\"\n [formControl]=\"formControl\"\n (changeEvent)=\"changed.emit($event)\"\n (clearEvent)=\"cleared.emit($event)\"\n (lazyLoadEvent)=\"lazyLoad.emit($any($event))\"\n (showEvent)=\"showed.emit($event)\"\n/>\n} @else if (type === fieldTypes.checkbox) {\n<v-checkbox\n [label]=\"label\"\n [testId]=\"testId\"\n [formControl]=\"formControl\"\n [indeterminate]=\"true\"\n/>\n} @else if (type === fieldTypes.simplecheckbox) {\n<v-checkbox\n [label]=\"label\"\n [testId]=\"testId\"\n [formControl]=\"formControl\"\n/>\n} @else if (type === fieldTypes.calendar) {\n<v-calendar\n [label]=\"!floatLabel ? label : ''\"\n [floatLabel]=\"floatLabel ? label : ''\"\n [testId]=\"testId\"\n [formControl]=\"formControl\"\n [icon]=\"icons.calendar\"\n/>\n}\n" }]
|
|
1695
1689
|
}], propDecorators: { type: [{
|
|
1696
1690
|
type: Input
|
|
1697
1691
|
}], floatLabel: [{
|
|
@@ -1788,12 +1782,12 @@ class GenericFormComponent {
|
|
|
1788
1782
|
this.columnClass = getColumnClass(this.columns);
|
|
1789
1783
|
}
|
|
1790
1784
|
}
|
|
1791
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1792
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1785
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GenericFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1786
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: GenericFormComponent, isStandalone: true, selector: "v-generic-form", inputs: { formGroup: "formGroup", fields: "fields", columns: "columns", showAsRow: "showAsRow" }, usesOnChanges: true, ngImport: i0, template: "@if (formGroupComputed) {\r\n <div\r\n class=\"v-generic-form\"\r\n [ngClass]=\"showAsRow ? 'd-flex flex-row' : 'row'\"\r\n [formGroup]=\"formGroupComputed\"\r\n >\r\n @for(field of fields; track field) { @if (columnClass) {\r\n <div class=\"v-generic-form__column {{ columnClass }}\">\r\n <v-generic-field\r\n [type]=\"field.type\"\r\n [label]=\"field.label ?? 'NOT SET' | translate\"\r\n [floatLabel]=\"field.floatLabel\"\r\n [testId]=\"field.testId\"\r\n [options]=\"field.options\"\r\n [optionLabel]=\"field.optionLabel\"\r\n [optionValue]=\"field.optionValue ?? field.optionLabel\"\r\n [options]=\"field.options\"\r\n [size]=\"field.size\"\r\n [formControlName]=\"field.name\"\r\n [datasource]=\"field.datasource\"\r\n [showFilter]=\"field.showFilter\"\r\n [filterField]=\"field.filterField\"\r\n [localSearch]=\"field.localSearch\"\r\n ></v-generic-field>\r\n </div>\r\n } @else {\r\n <v-generic-field\r\n class=\"me-4\"\r\n [type]=\"field.type\"\r\n [label]=\"field.label ?? 'NOT SET' | translate\"\r\n [floatLabel]=\"field.floatLabel\"\r\n [testId]=\"field.testId\"\r\n [options]=\"field.options\"\r\n [optionLabel]=\"field.optionLabel\"\r\n [optionValue]=\"field.optionValue ?? field.optionLabel\"\r\n [options]=\"field.options\"\r\n [size]=\"field.size\"\r\n [formControlName]=\"field.name\"\r\n [datasource]=\"field.datasource\"\r\n [showFilter]=\"field.showFilter\"\r\n [filterField]=\"field.filterField\"\r\n [localSearch]=\"field.localSearch\"\r\n ></v-generic-field>\r\n } }\r\n </div>\r\n }\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GenericFieldComponent, selector: "v-generic-field", inputs: ["type", "floatLabel", "optionLabel", "optionValue", "options", "size", "loading", "lazy", "filter", "datasource", "filterField", "showFilter", "localSearch"], outputs: ["changed", "showed", "cleared", "lazyLoad", "filtered"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1793
1787
|
}
|
|
1794
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1788
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: GenericFormComponent, decorators: [{
|
|
1795
1789
|
type: Component,
|
|
1796
|
-
args: [{ selector: 'v-generic-form',
|
|
1790
|
+
args: [{ selector: 'v-generic-form', imports: [
|
|
1797
1791
|
CommonModule,
|
|
1798
1792
|
GenericFieldComponent,
|
|
1799
1793
|
ReactiveFormsModule,
|
|
@@ -1813,10 +1807,10 @@ class FilterFieldDirective {
|
|
|
1813
1807
|
constructor() {
|
|
1814
1808
|
this.type = GenericFieldType.text;
|
|
1815
1809
|
}
|
|
1816
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1817
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1810
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FilterFieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1811
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: FilterFieldDirective, isStandalone: true, selector: "v-filter-field", inputs: { name: "name", type: "type", label: "label", optionLabel: "optionLabel", optionValue: "optionValue", options: "options", value: "value", validator: "validator", datasource: "datasource", filterField: "filterField", showFilter: "showFilter", localSearch: "localSearch" }, ngImport: i0 }); }
|
|
1818
1812
|
}
|
|
1819
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1813
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FilterFieldDirective, decorators: [{
|
|
1820
1814
|
type: Directive,
|
|
1821
1815
|
args: [{
|
|
1822
1816
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -1987,8 +1981,8 @@ class FilterComponent extends UnsubscribeComponent {
|
|
|
1987
1981
|
}
|
|
1988
1982
|
return value;
|
|
1989
1983
|
}
|
|
1990
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1991
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1984
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1985
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: FilterComponent, isStandalone: true, selector: "v-filter", inputs: { fields: "fields", filters: "filters", title: "title", fulltextFieldName: "fulltextFieldName", showFulltext: "showFulltext", showFilters: "showFilters", autoBind: "autoBind", debounceTime: "debounceTime" }, providers: [
|
|
1992
1986
|
{
|
|
1993
1987
|
provide: NG_VALUE_ACCESSOR,
|
|
1994
1988
|
useExisting: forwardRef(() => FilterComponent),
|
|
@@ -1998,14 +1992,13 @@ class FilterComponent extends UnsubscribeComponent {
|
|
|
1998
1992
|
provide: FILTER_COMPONENT_TOKEN,
|
|
1999
1993
|
useExisting: FilterComponent,
|
|
2000
1994
|
},
|
|
2001
|
-
], queries: [{ propertyName: "fieldDeclarations", predicate: FilterFieldDirective }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-filter w-100 p-3 bg-primary\">\n @if (formGroup$ | async; as formGroup){\n <form [formGroup]=\"formGroup\" class=\"d-flex align-items-center\">\n @if (title) {\n <div class=\"v-filter_title pe-4\">\n <h2 class=\"text-white m-0\">{{ title }}</h2>\n </div>\n }\n <div class=\"v-filter__fulltext flex-grow-1 pe-4\">\n @if (showFulltext){\n <v-textfield\n class=\"d-none d-lg-block\"\n placeholder=\"Search\"\n size=\"large\"\n formControlName=\"searchField\"\n type=\"search\"\n [clearable]=\"true\"\n >\n </v-textfield>\n }\n </div>\n @if (simpleFormFieldDefinitions$ | async; as declaration){\n @if (showFilters)\n {\n <div class=\"v-filter_filters d-none d-sm-block me-2\">\n <v-generic-form\n [fields]=\"declaration\"\n [formGroup]=\"formGroup\"\n ></v-generic-form>\n <v-button label=\"X\" class=\"mt-3\" (click)=\"clear()\" />\n </div>\n }\n <div class=\"v-filter_action-buttons d-flex\">\n @if (declaration.length && !showFilters) {\n <v-button \n class=\"me-4\"\n [icon]=\"icons.filter\"\n [label]=\"$any(filledFiltersCount$ | async)\"\n (click)=\"openFilter()\"\n />\n } @if (!autoBind) {\n <v-button\n useShortCut\n [shortCutFn]=\"submitValue.bind(this)\"\n shortCutKey=\"Enter\"\n class=\"text-white mx-2\"\n [outlined]=\"true\"\n size=\"small\"\n label=\"Apply\"\n (click)=\"submitValue()\"\n ></v-button>\n <v-button\n useShortCut\n [shortCutFn]=\"clear.bind(this)\"\n shortCutKey=\"Escape\"\n class=\"text-white\"\n [outlined]=\"true\"\n size=\"small\"\n label=\"Clear\"\n (click)=\"clear()\"\n ></v-button>\n } \n </div>\n }\n <ng-content select=\"v-action-button-group\"></ng-content>\n </form>\n }\n</div>\n", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "
|
|
1995
|
+
], queries: [{ propertyName: "fieldDeclarations", predicate: FilterFieldDirective }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-filter w-100 p-3 bg-primary\">\n @if (formGroup$ | async; as formGroup){\n <form [formGroup]=\"formGroup\" class=\"d-flex align-items-center\">\n @if (title) {\n <div class=\"v-filter_title pe-4\">\n <h2 class=\"text-white m-0\">{{ title }}</h2>\n </div>\n }\n <div class=\"v-filter__fulltext flex-grow-1 pe-4\">\n @if (showFulltext){\n <v-textfield\n class=\"d-none d-lg-block\"\n placeholder=\"Search\"\n size=\"large\"\n formControlName=\"searchField\"\n type=\"search\"\n [clearable]=\"true\"\n >\n </v-textfield>\n }\n </div>\n @if (simpleFormFieldDefinitions$ | async; as declaration){\n @if (showFilters)\n {\n <div class=\"v-filter_filters d-none d-sm-block me-2\">\n <v-generic-form\n [fields]=\"declaration\"\n [formGroup]=\"formGroup\"\n ></v-generic-form>\n <v-button label=\"X\" class=\"mt-3\" (click)=\"clear()\" />\n </div>\n }\n <div class=\"v-filter_action-buttons d-flex\">\n @if (declaration.length && !showFilters) {\n <v-button \n class=\"me-4\"\n [icon]=\"icons.filter\"\n [label]=\"$any(filledFiltersCount$ | async)\"\n (click)=\"openFilter()\"\n />\n } @if (!autoBind) {\n <v-button\n useShortCut\n [shortCutFn]=\"submitValue.bind(this)\"\n shortCutKey=\"Enter\"\n class=\"text-white mx-2\"\n [outlined]=\"true\"\n size=\"small\"\n label=\"Apply\"\n (click)=\"submitValue()\"\n ></v-button>\n <v-button\n useShortCut\n [shortCutFn]=\"clear.bind(this)\"\n shortCutKey=\"Escape\"\n class=\"text-white\"\n [outlined]=\"true\"\n size=\"small\"\n label=\"Clear\"\n (click)=\"clear()\"\n ></v-button>\n } \n </div>\n }\n <ng-content select=\"v-action-button-group\"></ng-content>\n </form>\n }\n</div>\n", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: TextfieldComponent, selector: "v-textfield", inputs: ["size", "type", "floatLabel"] }, { kind: "component", type: GenericFormComponent, selector: "v-generic-form", inputs: ["formGroup", "fields", "columns", "showAsRow"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }, { kind: "directive", type: ButtonShortCutDirective, selector: "v-button[useShortCut]", inputs: ["shortCutFn", "shortCutKey"], exportAs: ["useShortCut"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2002
1996
|
}
|
|
2003
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1997
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FilterComponent, decorators: [{
|
|
2004
1998
|
type: Component,
|
|
2005
|
-
args: [{ selector: 'v-filter',
|
|
1999
|
+
args: [{ selector: 'v-filter', imports: [
|
|
2006
2000
|
AsyncPipe,
|
|
2007
2001
|
ReactiveFormsModule,
|
|
2008
|
-
BadgeModule,
|
|
2009
2002
|
TextfieldComponent,
|
|
2010
2003
|
GenericFormComponent,
|
|
2011
2004
|
ButtonComponent,
|
|
@@ -2043,10 +2036,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
2043
2036
|
}] } });
|
|
2044
2037
|
|
|
2045
2038
|
class FeatureListFilterFieldDirective extends FilterFieldDirective {
|
|
2046
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2047
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2039
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FeatureListFilterFieldDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2040
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: FeatureListFilterFieldDirective, isStandalone: true, selector: "v-feature-list-filter-field", usesInheritance: true, ngImport: i0 }); }
|
|
2048
2041
|
}
|
|
2049
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2042
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FeatureListFilterFieldDirective, decorators: [{
|
|
2050
2043
|
type: Directive,
|
|
2051
2044
|
args: [{
|
|
2052
2045
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -2066,10 +2059,10 @@ class FeatureListFilterPipe {
|
|
|
2066
2059
|
type: x.type,
|
|
2067
2060
|
}));
|
|
2068
2061
|
}
|
|
2069
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2070
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
2062
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FeatureListFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2063
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.2.9", ngImport: i0, type: FeatureListFilterPipe, isStandalone: true, name: "featureListColumn" }); }
|
|
2071
2064
|
}
|
|
2072
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2065
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FeatureListFilterPipe, decorators: [{
|
|
2073
2066
|
type: Pipe,
|
|
2074
2067
|
args: [{
|
|
2075
2068
|
name: 'featureListColumn',
|
|
@@ -2082,8 +2075,8 @@ class FeatureListPageComponent {
|
|
|
2082
2075
|
this.config =
|
|
2083
2076
|
activatedRoute.snapshot.data[FEATURE_LIST_PAGE_CONFIG_PROPERTY];
|
|
2084
2077
|
}
|
|
2085
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2086
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2078
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FeatureListPageComponent, deps: [{ token: i2$4.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2079
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: FeatureListPageComponent, isStandalone: true, selector: "v-feature-list-page", ngImport: i0, template: `
|
|
2087
2080
|
<v-feature-list
|
|
2088
2081
|
[title]="config.title"
|
|
2089
2082
|
[tableName]="config.tableName"
|
|
@@ -2094,11 +2087,10 @@ class FeatureListPageComponent {
|
|
|
2094
2087
|
</v-feature-list>
|
|
2095
2088
|
`, isInline: true, dependencies: [{ kind: "component", type: FeatureListComponent, selector: "v-feature-list", inputs: ["autoBind", "title", "columns", "filters", "maxVisibleActions", "tableName", "ngrxFeatureKey", "maxVisibleMobileActions", "showExtendedFilter", "showDownload", "showDelete", "showAdd", "canDownload", "canDelete", "canAdd", "useRouterFilter", "fulltextFieldName", "showFulltext", "deleteConfirmMessage", "autoDeleteEnabled", "autoDownloadEnabled", "downloadFileName", "datasource", "extraFilter", "disableCustomClicks", "maximumColumnLength", "selectionMode"], outputs: ["addClick", "downloadClick", "deleteClick", "selectionChange"] }] }); }
|
|
2096
2089
|
}
|
|
2097
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2090
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FeatureListPageComponent, decorators: [{
|
|
2098
2091
|
type: Component,
|
|
2099
2092
|
args: [{
|
|
2100
2093
|
selector: 'v-feature-list-page',
|
|
2101
|
-
standalone: true,
|
|
2102
2094
|
imports: [FeatureListComponent],
|
|
2103
2095
|
template: `
|
|
2104
2096
|
<v-feature-list
|
|
@@ -2109,9 +2101,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
2109
2101
|
[showDelete]="config.showDelete ?? true"
|
|
2110
2102
|
>
|
|
2111
2103
|
</v-feature-list>
|
|
2112
|
-
|
|
2104
|
+
`
|
|
2113
2105
|
}]
|
|
2114
|
-
}], ctorParameters: () => [{ type:
|
|
2106
|
+
}], ctorParameters: () => [{ type: i2$4.ActivatedRoute }] });
|
|
2115
2107
|
|
|
2116
2108
|
const FEATURE_LIST_PAGE_CONFIG_PROPERTY = 'feature_list_config';
|
|
2117
2109
|
function addFeatureListPage(value) {
|
|
@@ -2301,10 +2293,10 @@ class FeatureListComponent {
|
|
|
2301
2293
|
.join('\n');
|
|
2302
2294
|
return new Blob([csvData], { type: 'text/csv' });
|
|
2303
2295
|
}
|
|
2304
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2305
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2296
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FeatureListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2297
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: FeatureListComponent, isStandalone: true, selector: "v-feature-list", inputs: { autoBind: "autoBind", title: "title", columns: "columns", filters: "filters", maxVisibleActions: "maxVisibleActions", tableName: "tableName", ngrxFeatureKey: "ngrxFeatureKey", maxVisibleMobileActions: "maxVisibleMobileActions", showExtendedFilter: "showExtendedFilter", showDownload: "showDownload", showDelete: "showDelete", showAdd: "showAdd", canDownload: "canDownload", canDelete: "canDelete", canAdd: "canAdd", useRouterFilter: "useRouterFilter", fulltextFieldName: "fulltextFieldName", showFulltext: "showFulltext", deleteConfirmMessage: "deleteConfirmMessage", autoDeleteEnabled: "autoDeleteEnabled", autoDownloadEnabled: "autoDownloadEnabled", downloadFileName: "downloadFileName", datasource: "datasource", extraFilter: "extraFilter", disableCustomClicks: "disableCustomClicks", maximumColumnLength: "maximumColumnLength", selectionMode: "selectionMode" }, outputs: { addClick: "addClick", downloadClick: "downloadClick", deleteClick: "deleteClick", selectionChange: "selectionChange" }, queries: [{ propertyName: "viewColumns", predicate: FEATURE_LIST_COLUMN_PROVIDER }, { propertyName: "fieldDeclarations", predicate: FeatureListFilterFieldDirective }], viewQueries: [{ propertyName: "tableDatasourceDirective", first: true, predicate: TableDatasourceDirective, descendants: true }], ngImport: i0, template: "<div class=\"feature-list__container full-height-container\">\n <v-filter\n #filter\n [title]=\"title\"\n [fields]=\"columns | featureListColumn\"\n [filters]=\"filters\"\n [fulltextFieldName]=\"fulltextFieldName\"\n [showFulltext]=\"showFulltext\"\n [showFilters]=\"showExtendedFilter\"\n >\n <v-action-button-group\n [maxItems]=\"maxVisibleActions\"\n [maxItemsMobile]=\"maxVisibleMobileActions\"\n >\n @if (showAdd) {\n <v-action-button\n [icon]=\"icons.add\"\n label=\"Add\"\n [disabled]=\"!canAdd\"\n (click)=\"addClick.emit()\"\n ></v-action-button>\n } @if (showDelete){\n <v-action-button\n [icon]=\"icons.delete\"\n label=\"Delete\"\n [disabled]=\"!canDelete || !selection.length\"\n (click)=\"startDeleteItems()\"\n ></v-action-button>\n } @if (showDownload){\n <v-action-button\n [icon]=\"icons.download\"\n label=\"Download\"\n [disabled]=\"!canDownload\"\n (click)=\"startDownload()\"\n ></v-action-button>\n }\n </v-action-button-group>\n </v-filter>\n <div class=\"feature-list__table-container full-height-container\">\n <div class=\"full-height-container\">\n <v-table\n useDatasource\n useFilter\n [filterComponent]=\"filter\"\n class=\"full-height-container\"\n [selectionMode]=\"selectionMode\"\n [tableName]=\"tableName\"\n [autoBind]=\"true\"\n [datasource]=\"datasource\"\n [columns]=\"columns\"\n [extraFilter]=\"extraFilter\"\n [maximumColumnLength]=\"maximumColumnLength\"\n [disableCustomClicks]=\"disableCustomClicks\"\n (selectionChange)=\"selectItems($event)\"\n >\n </v-table>\n </div>\n </div>\n</div>\n", styles: [".full-height-container,:host{display:flex;flex-direction:column;flex-grow:1;height:100%}\n"], dependencies: [{ kind: "component", type: TableComponent, selector: "v-table", inputs: ["data", "total", "filter", "loading", "scrollable", "pageSize", "currentPage", "showPaginator", "sortMultiple", "lazy", "selectionMode", "showPageSizePicker", "entityKey", "maximumColumnLength", "disableCustomClicks", "columns", "selection"], outputs: ["pageSizeChange", "selectionChange", "pageChange", "sortChange", "lazyLoad"] }, { kind: "directive", type: TableDatasourceDirective, selector: "v-table[useDatasource]", inputs: ["autoBind", "tableName", "debounceTime", "datasource", "extraFilter", "transformFn"], exportAs: ["useDatasource"] }, { kind: "component", type: FilterComponent, selector: "v-filter", inputs: ["fields", "filters", "title", "fulltextFieldName", "showFulltext", "showFilters", "autoBind", "debounceTime"] }, { kind: "directive", type: TableFilterDirective, selector: "v-table[useFilter]", inputs: ["filterComponent"], exportAs: ["tableFilterDirective"] }, { kind: "component", type: ActionButtonGroupComponent, selector: "v-action-button-group", inputs: ["maxItems", "maxItemsMobile", "items", "menuIconPos", "menuIcon", "label", "icon"] }, { kind: "component", type: ActionButtonComponent, selector: "v-action-button", inputs: ["disabled", "toolTip", "id", "icon", "outlined", "raised", "severity", "label", "size"], outputs: ["click"] }, { kind: "pipe", type: FeatureListFilterPipe, name: "featureListColumn" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2306
2298
|
}
|
|
2307
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2299
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FeatureListComponent, decorators: [{
|
|
2308
2300
|
type: Component,
|
|
2309
2301
|
args: [{ selector: 'v-feature-list', imports: [
|
|
2310
2302
|
TableComponent,
|
|
@@ -2314,7 +2306,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
2314
2306
|
ActionButtonGroupComponent,
|
|
2315
2307
|
ActionButtonComponent,
|
|
2316
2308
|
FeatureListFilterPipe,
|
|
2317
|
-
],
|
|
2309
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"feature-list__container full-height-container\">\n <v-filter\n #filter\n [title]=\"title\"\n [fields]=\"columns | featureListColumn\"\n [filters]=\"filters\"\n [fulltextFieldName]=\"fulltextFieldName\"\n [showFulltext]=\"showFulltext\"\n [showFilters]=\"showExtendedFilter\"\n >\n <v-action-button-group\n [maxItems]=\"maxVisibleActions\"\n [maxItemsMobile]=\"maxVisibleMobileActions\"\n >\n @if (showAdd) {\n <v-action-button\n [icon]=\"icons.add\"\n label=\"Add\"\n [disabled]=\"!canAdd\"\n (click)=\"addClick.emit()\"\n ></v-action-button>\n } @if (showDelete){\n <v-action-button\n [icon]=\"icons.delete\"\n label=\"Delete\"\n [disabled]=\"!canDelete || !selection.length\"\n (click)=\"startDeleteItems()\"\n ></v-action-button>\n } @if (showDownload){\n <v-action-button\n [icon]=\"icons.download\"\n label=\"Download\"\n [disabled]=\"!canDownload\"\n (click)=\"startDownload()\"\n ></v-action-button>\n }\n </v-action-button-group>\n </v-filter>\n <div class=\"feature-list__table-container full-height-container\">\n <div class=\"full-height-container\">\n <v-table\n useDatasource\n useFilter\n [filterComponent]=\"filter\"\n class=\"full-height-container\"\n [selectionMode]=\"selectionMode\"\n [tableName]=\"tableName\"\n [autoBind]=\"true\"\n [datasource]=\"datasource\"\n [columns]=\"columns\"\n [extraFilter]=\"extraFilter\"\n [maximumColumnLength]=\"maximumColumnLength\"\n [disableCustomClicks]=\"disableCustomClicks\"\n (selectionChange)=\"selectItems($event)\"\n >\n </v-table>\n </div>\n </div>\n</div>\n", styles: [".full-height-container,:host{display:flex;flex-direction:column;flex-grow:1;height:100%}\n"] }]
|
|
2318
2310
|
}], propDecorators: { viewColumns: [{
|
|
2319
2311
|
type: ContentChildren,
|
|
2320
2312
|
args: [FEATURE_LIST_COLUMN_PROVIDER]
|
|
@@ -2402,8 +2394,8 @@ class FeatureListColumnDirective extends TableColumnDirective {
|
|
|
2402
2394
|
definition.format = this.format;
|
|
2403
2395
|
return definition;
|
|
2404
2396
|
}
|
|
2405
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2406
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2397
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FeatureListColumnDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2398
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.9", type: FeatureListColumnDirective, isStandalone: true, selector: "v-feature-list-column", inputs: { filter: "filter", type: "type" }, providers: [
|
|
2407
2399
|
{
|
|
2408
2400
|
provide: FEATURE_LIST_COLUMN_PROVIDER,
|
|
2409
2401
|
useExisting: FeatureListColumnDirective,
|
|
@@ -2411,7 +2403,7 @@ class FeatureListColumnDirective extends TableColumnDirective {
|
|
|
2411
2403
|
},
|
|
2412
2404
|
], usesInheritance: true, ngImport: i0 }); }
|
|
2413
2405
|
}
|
|
2414
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2406
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: FeatureListColumnDirective, decorators: [{
|
|
2415
2407
|
type: Directive,
|
|
2416
2408
|
args: [{
|
|
2417
2409
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
@@ -2509,10 +2501,10 @@ class DynamicComponentFactoryService {
|
|
|
2509
2501
|
}
|
|
2510
2502
|
}
|
|
2511
2503
|
}
|
|
2512
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2513
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2504
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: DynamicComponentFactoryService, deps: [{ token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2505
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: DynamicComponentFactoryService, providedIn: 'root' }); }
|
|
2514
2506
|
}
|
|
2515
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2507
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: DynamicComponentFactoryService, decorators: [{
|
|
2516
2508
|
type: Injectable,
|
|
2517
2509
|
args: [{
|
|
2518
2510
|
providedIn: 'root',
|
|
@@ -2537,10 +2529,10 @@ class DynamicComponent {
|
|
|
2537
2529
|
this.factoryServices.createDynamicComponent(this.componentType, this.container, this.data, this.injector);
|
|
2538
2530
|
}
|
|
2539
2531
|
}
|
|
2540
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2541
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2532
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: DynamicComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2533
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: DynamicComponent, isStandalone: true, selector: "v-dynamic-component", inputs: { componentType: "componentType", data: "data" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["dynamicContainer"], descendants: true, read: ViewContainerRef, static: true }], usesOnChanges: true, ngImport: i0, template: `<ng-container #dynamicContainer></ng-container>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2542
2534
|
}
|
|
2543
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2535
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: DynamicComponent, decorators: [{
|
|
2544
2536
|
type: Component,
|
|
2545
2537
|
args: [{
|
|
2546
2538
|
selector: 'v-dynamic-component',
|
|
@@ -2562,14 +2554,14 @@ class PageHeaderComponent extends PageHeaderCoreComponent {
|
|
|
2562
2554
|
super(...arguments);
|
|
2563
2555
|
this.icons = Icons;
|
|
2564
2556
|
}
|
|
2565
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2566
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2557
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: PageHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2558
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: PageHeaderComponent, isStandalone: true, selector: "v-page-header", providers: [
|
|
2567
2559
|
{ provide: PAGE_HEADER_COMPONENT_TOKEN, useExisting: PageHeaderComponent },
|
|
2568
2560
|
], queries: [{ propertyName: "buttonGroup", first: true, predicate: ActionButtonGroupComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div\n class=\"v-page-header d-block d-md-flex px-3 w-100 gap-0 gap-md-4 align-items-center text-center text-md-start\"\n>\n <v-button\n *ngIf=\"showBackButton\"\n size=\"small\"\n [icon]=\"icons.arrowLeft\"\n label=\"Back\"\n [outlined]=\"true\"\n (click)=\"locationBack()\"\n ></v-button>\n <div\n class=\"align-items-center justify-content-center justify-content-md-start gap-2 w-100 d-flex\"\n >\n <h1 class=\"text-primary m-0\" [innerText]=\"title\"></h1>\n <div\n *ngIf=\"subtitle\"\n class=\"d-flex gap-2 align-items-center text-center text-md-start\"\n >\n <h1 class=\"text-default m-0\" [innerText]=\"'-'\"></h1>\n <h1 class=\"text-default\" [innerText]=\"subtitle\"></h1>\n </div>\n </div>\n <div\n class=\"align-content-center page-header-action-buttons justify-content-center w-100\"\n >\n <div *ngIf=\"buttonGroup\">\n <ng-content [select]=\"buttonGroup\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2569
2561
|
}
|
|
2570
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2562
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
|
2571
2563
|
type: Component,
|
|
2572
|
-
args: [{ selector: 'v-page-header',
|
|
2564
|
+
args: [{ selector: 'v-page-header', imports: [CommonModule, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
2573
2565
|
{ provide: PAGE_HEADER_COMPONENT_TOKEN, useExisting: PageHeaderComponent },
|
|
2574
2566
|
], template: "<div\n class=\"v-page-header d-block d-md-flex px-3 w-100 gap-0 gap-md-4 align-items-center text-center text-md-start\"\n>\n <v-button\n *ngIf=\"showBackButton\"\n size=\"small\"\n [icon]=\"icons.arrowLeft\"\n label=\"Back\"\n [outlined]=\"true\"\n (click)=\"locationBack()\"\n ></v-button>\n <div\n class=\"align-items-center justify-content-center justify-content-md-start gap-2 w-100 d-flex\"\n >\n <h1 class=\"text-primary m-0\" [innerText]=\"title\"></h1>\n <div\n *ngIf=\"subtitle\"\n class=\"d-flex gap-2 align-items-center text-center text-md-start\"\n >\n <h1 class=\"text-default m-0\" [innerText]=\"'-'\"></h1>\n <h1 class=\"text-default\" [innerText]=\"subtitle\"></h1>\n </div>\n </div>\n <div\n class=\"align-content-center page-header-action-buttons justify-content-center w-100\"\n >\n <div *ngIf=\"buttonGroup\">\n <ng-content [select]=\"buttonGroup\"></ng-content>\n </div>\n </div>\n</div>\n" }]
|
|
2575
2567
|
}], propDecorators: { buttonGroup: [{
|
|
@@ -2585,16 +2577,16 @@ class StepperComponent {
|
|
|
2585
2577
|
this.activeIndex = 0;
|
|
2586
2578
|
this.activeIndexChange = new EventEmitter();
|
|
2587
2579
|
}
|
|
2588
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2589
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2580
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: StepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2581
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: StepperComponent, isStandalone: true, selector: "v-stepper", inputs: { items: "items", prefix: "prefix", label: "label", size: "size", layout: "layout", icon: "icon", activeIndex: "activeIndex", annotation: "annotation" }, outputs: { activeIndexChange: "activeIndexChange" }, providers: [
|
|
2590
2582
|
{ provide: STEPPER_COMPONENT_TOKEN, useExisting: StepperComponent },
|
|
2591
|
-
], ngImport: i0, template: "<div class=\"v-stepper\">\n <p-stepper>\n <p-
|
|
2583
|
+
], ngImport: i0, template: "<div class=\"v-stepper\">\n <p-stepper>\n <p-step-list>\n @for(item of items; track item; let idx = $index) {\n <p-step [value]=\"idx\">{{ item.header }}</p-step>\n }\n </p-step-list>\n <p-step-panels>\n @for(item of items; track item; let idx = $index) {\n <p-step-panel [value]=\"idx\">\n <ng-template pTemplate=\"content\" let-nextCallback=\"nextCallback\" let-prevCallback=\"prevCallback\"\n let-index=\"index\">\n <ng-container *ngIf=\"item.template && item.template.elementRef\">\n <ng-template *ngTemplateOutlet=\"\n item.template;\n context: { item: item, index: index }\n \" />\n </ng-container>\n <div class=\"d-flex pt-4 justify-content-between\">\n <v-button *ngIf=\"index > 0\" label=\"Back\" [icon]=\"icons.arrowLeft\" size=\"small\" [outlined]=\"true\"\n (click)=\"prevCallback.emit()\" />\n\n <v-button *ngIf=\"index < items.length - 1\" label=\"Next\" size=\"small\" [icon]=\"icons.arrowRight\"\n iconPos=\"right\" (click)=\"nextCallback.emit()\" />\n </div>\n </ng-template>\n </p-step-panel>\n }\n </p-step-panels>\n </p-stepper>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }, { kind: "ngmodule", type: StepperModule }, { kind: "component", type: i2$8.Stepper, selector: "p-stepper", inputs: ["value", "linear", "transitionOptions"], outputs: ["valueChange"] }, { kind: "component", type: i2$8.StepList, selector: "p-step-list" }, { kind: "component", type: i2$8.StepPanels, selector: "p-step-panels" }, { kind: "component", type: i2$8.StepPanel, selector: "p-step-panel", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: i2$8.Step, selector: "p-step", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "directive", type: i1$4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2592
2584
|
}
|
|
2593
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2585
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: StepperComponent, decorators: [{
|
|
2594
2586
|
type: Component,
|
|
2595
|
-
args: [{ selector: 'v-stepper',
|
|
2587
|
+
args: [{ selector: 'v-stepper', imports: [CommonModule, ButtonComponent, StepperModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
2596
2588
|
{ provide: STEPPER_COMPONENT_TOKEN, useExisting: StepperComponent },
|
|
2597
|
-
], template: "<div class=\"v-stepper\">\n <p-stepper>\n <p-
|
|
2589
|
+
], template: "<div class=\"v-stepper\">\n <p-stepper>\n <p-step-list>\n @for(item of items; track item; let idx = $index) {\n <p-step [value]=\"idx\">{{ item.header }}</p-step>\n }\n </p-step-list>\n <p-step-panels>\n @for(item of items; track item; let idx = $index) {\n <p-step-panel [value]=\"idx\">\n <ng-template pTemplate=\"content\" let-nextCallback=\"nextCallback\" let-prevCallback=\"prevCallback\"\n let-index=\"index\">\n <ng-container *ngIf=\"item.template && item.template.elementRef\">\n <ng-template *ngTemplateOutlet=\"\n item.template;\n context: { item: item, index: index }\n \" />\n </ng-container>\n <div class=\"d-flex pt-4 justify-content-between\">\n <v-button *ngIf=\"index > 0\" label=\"Back\" [icon]=\"icons.arrowLeft\" size=\"small\" [outlined]=\"true\"\n (click)=\"prevCallback.emit()\" />\n\n <v-button *ngIf=\"index < items.length - 1\" label=\"Next\" size=\"small\" [icon]=\"icons.arrowRight\"\n iconPos=\"right\" (click)=\"nextCallback.emit()\" />\n </div>\n </ng-template>\n </p-step-panel>\n }\n </p-step-panels>\n </p-stepper>\n</div>" }]
|
|
2598
2590
|
}], propDecorators: { items: [{
|
|
2599
2591
|
type: Input
|
|
2600
2592
|
}], prefix: [{
|
|
@@ -2623,8 +2615,8 @@ class SliderComponent extends BaseFormInputComponent {
|
|
|
2623
2615
|
this.max = 100;
|
|
2624
2616
|
this.range = false;
|
|
2625
2617
|
}
|
|
2626
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2627
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2618
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SliderComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2619
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: SliderComponent, isStandalone: true, selector: "v-slider", inputs: { step: "step", min: "min", max: "max", range: "range" }, providers: [
|
|
2628
2620
|
{
|
|
2629
2621
|
provide: BaseInputControls,
|
|
2630
2622
|
useExisting: forwardRef(() => SliderComponent),
|
|
@@ -2635,9 +2627,9 @@ class SliderComponent extends BaseFormInputComponent {
|
|
|
2635
2627
|
},
|
|
2636
2628
|
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-slider\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n >\n <p-slider\n class=\"w-100\"\n [formControl]=\"formControl\"\n [step]=\"step\"\n [range]=\"range\"\n [min]=\"min\"\n [max]=\"max\"\n />\n <v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: SliderModule }, { kind: "component", type: i2$9.Slider, selector: "p-slider", inputs: ["animate", "disabled", "min", "max", "orientation", "step", "range", "style", "styleClass", "ariaLabel", "ariaLabelledBy", "tabindex", "autofocus"], outputs: ["onChange", "onSlideEnd"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2637
2629
|
}
|
|
2638
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2630
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SliderComponent, decorators: [{
|
|
2639
2631
|
type: Component,
|
|
2640
|
-
args: [{ selector: 'v-slider',
|
|
2632
|
+
args: [{ selector: 'v-slider', imports: [
|
|
2641
2633
|
CommonModule,
|
|
2642
2634
|
SliderModule,
|
|
2643
2635
|
ReactiveFormsModule,
|
|
@@ -2695,17 +2687,17 @@ class ConfirmDialogComponent extends UnsubscribeComponent {
|
|
|
2695
2687
|
this.visible = false;
|
|
2696
2688
|
this.cdr.detectChanges();
|
|
2697
2689
|
}
|
|
2698
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2699
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2690
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i1$2.DialogService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2691
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: ConfirmDialogComponent, isStandalone: true, selector: "v-confirm-dialog", providers: [
|
|
2700
2692
|
{
|
|
2701
2693
|
provide: CONFIRM_DIALOG_COMPONENT_TOKEN,
|
|
2702
2694
|
useExisting: ConfirmDialogComponent,
|
|
2703
2695
|
},
|
|
2704
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-dialog d-flex justify-content-center\" *ngIf=\"data\">\n <p-dialog\n [(visible)]=\"visible\"\n [modal]=\"true\"\n [closable]=\"closable\"\n [style]=\"{ width: '25rem' }\"\n >\n <ng-template pTemplate=\"header\">\n <div\n class=\"v-dialog-header w-100 align-items-center d-flex justify-content-center\"\n >\n <h1 class=\"text-center me-3\">{{ data.title }}</h1>\n <i class=\"{{ data.headerIcon }} text-{{ data.severity }}\"></i>\n </div>\n </ng-template>\n <div class=\"v-dialog-content w-100 align-items-center text-center\">\n @if (data.innerHTML) {\n <div [innerHTML]=\"data.innerHTML\"></div>\n } @else if (data.componentType) {\n <v-dynamic-component\n [componentType]=\"data.componentType\"\n [data]=\"$any(data.data)\"\n ></v-dynamic-component>\n }\n </div>\n <ng-template pTemplate=\"footer\">\n <div\n class=\"v-dialog-footer d-flex justify-content-center w-100 gap-3\"\n [ngClass]=\"{\n 'flex-row-reverse': data.buttonOrder === 'cancel-confirm'\n }\"\n >\n <v-button\n [label]=\"data.confirmButtonText ?? 'Yes'\"\n [severity]=\"data.severity\"\n (click)=\"data.confirmButtonFn ? dialogClick(true) : (visible = false)\"\n />\n <v-button\n *ngIf=\"data.showCancelButton && data.severity !== 'success'\"\n [label]=\"data.cancelButtonText ?? 'No'\"\n [outlined]=\"true\"\n [severity]=\"'secondary'\"\n (click)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\n />\n </div>\n </ng-template>\n </p-dialog>\n</div>\n", styles: [".v-dialog-content *{line-height:1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i3$
|
|
2696
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-dialog d-flex justify-content-center\" *ngIf=\"data\">\n <p-dialog\n [(visible)]=\"visible\"\n [modal]=\"true\"\n [closable]=\"closable\"\n [style]=\"{ width: '25rem' }\"\n >\n <ng-template pTemplate=\"header\">\n <div\n class=\"v-dialog-header w-100 align-items-center d-flex justify-content-center\"\n >\n <h1 class=\"text-center me-3\">{{ data.title }}</h1>\n <i class=\"{{ data.headerIcon }} text-{{ data.severity }}\"></i>\n </div>\n </ng-template>\n <div class=\"v-dialog-content w-100 align-items-center text-center\">\n @if (data.innerHTML) {\n <div [innerHTML]=\"data.innerHTML\"></div>\n } @else if (data.componentType) {\n <v-dynamic-component\n [componentType]=\"data.componentType\"\n [data]=\"$any(data.data)\"\n ></v-dynamic-component>\n }\n </div>\n <ng-template pTemplate=\"footer\">\n <div\n class=\"v-dialog-footer d-flex justify-content-center w-100 gap-3\"\n [ngClass]=\"{\n 'flex-row-reverse': data.buttonOrder === 'cancel-confirm'\n }\"\n >\n <v-button\n [label]=\"data.confirmButtonText ?? 'Yes'\"\n [severity]=\"data.severity\"\n (click)=\"data.confirmButtonFn ? dialogClick(true) : (visible = false)\"\n />\n <v-button\n *ngIf=\"data.showCancelButton && data.severity !== 'success'\"\n [label]=\"data.cancelButtonText ?? 'No'\"\n [outlined]=\"true\"\n [severity]=\"'secondary'\"\n (click)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\n />\n </div>\n </ng-template>\n </p-dialog>\n</div>\n", styles: [".v-dialog-content *{line-height:1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i3$7.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "directive", type: i1$4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "severity", "routerLink", "size", "queryParams"] }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: DynamicComponent, selector: "v-dynamic-component", inputs: ["componentType", "data"] }] }); }
|
|
2705
2697
|
}
|
|
2706
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2698
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
|
|
2707
2699
|
type: Component,
|
|
2708
|
-
args: [{ selector: 'v-confirm-dialog',
|
|
2700
|
+
args: [{ selector: 'v-confirm-dialog', imports: [
|
|
2709
2701
|
CommonModule,
|
|
2710
2702
|
DialogModule,
|
|
2711
2703
|
ButtonComponent,
|
|
@@ -2717,15 +2709,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
2717
2709
|
useExisting: ConfirmDialogComponent,
|
|
2718
2710
|
},
|
|
2719
2711
|
], template: "<div class=\"v-dialog d-flex justify-content-center\" *ngIf=\"data\">\n <p-dialog\n [(visible)]=\"visible\"\n [modal]=\"true\"\n [closable]=\"closable\"\n [style]=\"{ width: '25rem' }\"\n >\n <ng-template pTemplate=\"header\">\n <div\n class=\"v-dialog-header w-100 align-items-center d-flex justify-content-center\"\n >\n <h1 class=\"text-center me-3\">{{ data.title }}</h1>\n <i class=\"{{ data.headerIcon }} text-{{ data.severity }}\"></i>\n </div>\n </ng-template>\n <div class=\"v-dialog-content w-100 align-items-center text-center\">\n @if (data.innerHTML) {\n <div [innerHTML]=\"data.innerHTML\"></div>\n } @else if (data.componentType) {\n <v-dynamic-component\n [componentType]=\"data.componentType\"\n [data]=\"$any(data.data)\"\n ></v-dynamic-component>\n }\n </div>\n <ng-template pTemplate=\"footer\">\n <div\n class=\"v-dialog-footer d-flex justify-content-center w-100 gap-3\"\n [ngClass]=\"{\n 'flex-row-reverse': data.buttonOrder === 'cancel-confirm'\n }\"\n >\n <v-button\n [label]=\"data.confirmButtonText ?? 'Yes'\"\n [severity]=\"data.severity\"\n (click)=\"data.confirmButtonFn ? dialogClick(true) : (visible = false)\"\n />\n <v-button\n *ngIf=\"data.showCancelButton && data.severity !== 'success'\"\n [label]=\"data.cancelButtonText ?? 'No'\"\n [outlined]=\"true\"\n [severity]=\"'secondary'\"\n (click)=\"data.cancelButtonFn ? dialogClick(false) : (visible = false)\"\n />\n </div>\n </ng-template>\n </p-dialog>\n</div>\n", styles: [".v-dialog-content *{line-height:1.5rem}\n"] }]
|
|
2720
|
-
}], ctorParameters: () => [{ type: i1$
|
|
2712
|
+
}], ctorParameters: () => [{ type: i1$2.DialogService }, { type: i0.ChangeDetectorRef }] });
|
|
2721
2713
|
|
|
2722
2714
|
class SwitchComponent extends BaseFormInputComponent {
|
|
2723
2715
|
constructor(ngControl) {
|
|
2724
2716
|
super(ngControl);
|
|
2725
2717
|
this.id = v4();
|
|
2726
2718
|
}
|
|
2727
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2728
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2719
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SwitchComponent, deps: [{ token: i1.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2720
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: SwitchComponent, isStandalone: true, selector: "v-switch", providers: [
|
|
2729
2721
|
{
|
|
2730
2722
|
provide: BaseInputControls,
|
|
2731
2723
|
useExisting: forwardRef(() => SwitchComponent),
|
|
@@ -2735,11 +2727,11 @@ class SwitchComponent extends BaseFormInputComponent {
|
|
|
2735
2727
|
provide: SWITCH_COMPONENT_TOKEN,
|
|
2736
2728
|
useExisting: SwitchComponent,
|
|
2737
2729
|
},
|
|
2738
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-switch d-flex align-items-center\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-inputSwitch\n [formControl]=\"formControl\"\n [required]=\"isRequired()\"\n [title]=\"label\"\n [readonly]=\"readonly\"\n [inputId]=\"id\"\n /><v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: InputSwitchModule }, { kind: "component", type: i2$a.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2730
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"v-switch d-flex align-items-center\">\n <v-form-field\n class=\"w-100\"\n [label]=\"label\"\n [tooltip]=\"tooltip\"\n [required]=\"isRequired()\"\n [testId]=\"testId\"\n [display]=\"formDisplay\"\n >\n <p-inputSwitch\n [formControl]=\"formControl\"\n [required]=\"isRequired()\"\n [title]=\"label\"\n [readonly]=\"readonly\"\n [inputId]=\"id\"\n /><v-validation-message [ngControl]=\"ngControl\"></v-validation-message>\n </v-form-field>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: InputSwitchModule }, { kind: "component", type: i2$a.InputSwitch, selector: "p-inputSwitch, p-inputswitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "v-form-field", inputs: ["display", "variant"] }, { kind: "component", type: ErrorComponent, selector: "v-validation-message", inputs: ["ngControl", "errorSlot", "messageSlot", "variant", "severity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2739
2731
|
}
|
|
2740
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2732
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: SwitchComponent, decorators: [{
|
|
2741
2733
|
type: Component,
|
|
2742
|
-
args: [{ selector: 'v-switch',
|
|
2734
|
+
args: [{ selector: 'v-switch', imports: [
|
|
2743
2735
|
CommonModule,
|
|
2744
2736
|
InputSwitchModule,
|
|
2745
2737
|
ReactiveFormsModule,
|
|
@@ -2781,20 +2773,20 @@ class HttpErrorMessageInterceptor {
|
|
|
2781
2773
|
return throwError(() => errorResponse);
|
|
2782
2774
|
}));
|
|
2783
2775
|
}
|
|
2784
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2785
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2776
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: HttpErrorMessageInterceptor, deps: [{ token: SnackbarService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2777
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: HttpErrorMessageInterceptor }); }
|
|
2786
2778
|
}
|
|
2787
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2779
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: HttpErrorMessageInterceptor, decorators: [{
|
|
2788
2780
|
type: Injectable
|
|
2789
2781
|
}], ctorParameters: () => [{ type: SnackbarService }] });
|
|
2790
2782
|
|
|
2791
2783
|
class TabViewItemComponent {
|
|
2792
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2793
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2784
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TabViewItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2785
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: TabViewItemComponent, isStandalone: true, selector: "v-tab-view-item", inputs: { title: "title", url: "url", icon: "icon", disabled: "disabled", content: "content" }, viewQueries: [{ propertyName: "contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true, static: true }], ngImport: i0, template: `<ng-template #contentTemplate>
|
|
2794
2786
|
<ng-content></ng-content>
|
|
2795
2787
|
</ng-template>`, isInline: true }); }
|
|
2796
2788
|
}
|
|
2797
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2789
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TabViewItemComponent, decorators: [{
|
|
2798
2790
|
type: Component,
|
|
2799
2791
|
args: [{
|
|
2800
2792
|
selector: 'v-tab-view-item',
|
|
@@ -2817,29 +2809,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
2817
2809
|
type: Input
|
|
2818
2810
|
}] } });
|
|
2819
2811
|
|
|
2820
|
-
class TabMenuPipe {
|
|
2821
|
-
transform(value) {
|
|
2822
|
-
if (!value) {
|
|
2823
|
-
return undefined;
|
|
2824
|
-
}
|
|
2825
|
-
return value.map((x) => ({
|
|
2826
|
-
label: x.title,
|
|
2827
|
-
icon: x.icon,
|
|
2828
|
-
disabled: x.disabled,
|
|
2829
|
-
routerLink: x.url,
|
|
2830
|
-
}));
|
|
2831
|
-
}
|
|
2832
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: TabMenuPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
2833
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: TabMenuPipe, name: "tabMenu" }); }
|
|
2834
|
-
}
|
|
2835
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: TabMenuPipe, decorators: [{
|
|
2836
|
-
type: Pipe,
|
|
2837
|
-
args: [{
|
|
2838
|
-
name: 'tabMenu',
|
|
2839
|
-
pure: true,
|
|
2840
|
-
}]
|
|
2841
|
-
}] });
|
|
2842
|
-
|
|
2843
2812
|
class TabViewComponent {
|
|
2844
2813
|
constructor() {
|
|
2845
2814
|
this.items = [];
|
|
@@ -2863,12 +2832,16 @@ class TabViewComponent {
|
|
|
2863
2832
|
this.activeIndexChange.emit(index);
|
|
2864
2833
|
}
|
|
2865
2834
|
}
|
|
2866
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2867
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2835
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TabViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2836
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: TabViewComponent, isStandalone: true, selector: "v-tab-view", inputs: { items: "items", useRouting: "useRouting", activeIndex: "activeIndex" }, outputs: { activeIndexChange: "activeIndexChange" }, providers: [
|
|
2837
|
+
{ provide: TAB_VIEW_COMPONENT_TOKEN, useExisting: TabViewComponent }
|
|
2838
|
+
], queries: [{ propertyName: "children", predicate: TabViewItemComponent }], ngImport: i0, template: "<div class=\"v-tab-view\">\n @if (useRouting) {\n <p-tabs [value]=\"activeIndex\">\n <p-tablist>\n @for(tab of mergedItems; track tab.url; let index = $index){\n <p-tab [value]=\"index\" [routerLink]=\"tab.url\" (valueChange)=\"activeItemChanged(index)\">\n @if (tab.icon) {\n <i [class]=\"tab.icon\"></i>\n }\n <span>{{ tab.title }}</span>\n </p-tab>\n }\n </p-tablist>\n </p-tabs>\n <router-outlet></router-outlet>\n } @else {\n <p-tabs [value]=\"activeIndex\">\n <p-tablist>\n @for (tab of mergedItems; track tab; let index = $index) {\n <p-tab [value]=\"index\" (valueChange)=\"activeItemChanged(index)\">\n @if (tab.icon) {\n <i [class]=\"tab.icon\"></i>\n }\n <span>{{ tab.title }}</span>\n </p-tab>\n }\n </p-tablist>\n <p-tabpanels>\n @for (tab of mergedItems; track tab; let index = $index) {\n <p-tabpanel [value]=\"index\">\n @if (tab.contentTemplate){\n <ng-container *ngTemplateOutlet=\"tab.contentTemplate\"></ng-container>\n } @else if (tab.content) {\n {{ tab.content }}\n }\n </p-tabpanel>\n }\n </p-tabpanels>\n </p-tabs>\n }\n</div>", dependencies: [{ kind: "directive", type: RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i1$6.Tabs, selector: "p-tabs", inputs: ["value", "scrollable", "lazy", "selectOnFocus", "showNavigators", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: i1$6.TabPanels, selector: "p-tabpanels" }, { kind: "component", type: i1$6.TabPanel, selector: "p-tabpanel", inputs: ["value"], outputs: ["valueChange"] }, { kind: "component", type: i1$6.TabList, selector: "p-tablist" }, { kind: "component", type: i1$6.Tab, selector: "p-tab", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
2868
2839
|
}
|
|
2869
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2840
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TabViewComponent, decorators: [{
|
|
2870
2841
|
type: Component,
|
|
2871
|
-
args: [{ selector: 'v-tab-view',
|
|
2842
|
+
args: [{ selector: 'v-tab-view', imports: [RouterOutlet, RouterLink, TabsModule, NgTemplateOutlet], providers: [
|
|
2843
|
+
{ provide: TAB_VIEW_COMPONENT_TOKEN, useExisting: TabViewComponent }
|
|
2844
|
+
], template: "<div class=\"v-tab-view\">\n @if (useRouting) {\n <p-tabs [value]=\"activeIndex\">\n <p-tablist>\n @for(tab of mergedItems; track tab.url; let index = $index){\n <p-tab [value]=\"index\" [routerLink]=\"tab.url\" (valueChange)=\"activeItemChanged(index)\">\n @if (tab.icon) {\n <i [class]=\"tab.icon\"></i>\n }\n <span>{{ tab.title }}</span>\n </p-tab>\n }\n </p-tablist>\n </p-tabs>\n <router-outlet></router-outlet>\n } @else {\n <p-tabs [value]=\"activeIndex\">\n <p-tablist>\n @for (tab of mergedItems; track tab; let index = $index) {\n <p-tab [value]=\"index\" (valueChange)=\"activeItemChanged(index)\">\n @if (tab.icon) {\n <i [class]=\"tab.icon\"></i>\n }\n <span>{{ tab.title }}</span>\n </p-tab>\n }\n </p-tablist>\n <p-tabpanels>\n @for (tab of mergedItems; track tab; let index = $index) {\n <p-tabpanel [value]=\"index\">\n @if (tab.contentTemplate){\n <ng-container *ngTemplateOutlet=\"tab.contentTemplate\"></ng-container>\n } @else if (tab.content) {\n {{ tab.content }}\n }\n </p-tabpanel>\n }\n </p-tabpanels>\n </p-tabs>\n }\n</div>" }]
|
|
2872
2845
|
}], propDecorators: { children: [{
|
|
2873
2846
|
type: ContentChildren,
|
|
2874
2847
|
args: [TabViewItemComponent]
|
|
@@ -2882,28 +2855,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
2882
2855
|
type: Output
|
|
2883
2856
|
}] } });
|
|
2884
2857
|
|
|
2885
|
-
class
|
|
2886
|
-
|
|
2887
|
-
|
|
2888
|
-
|
|
2889
|
-
|
|
2890
|
-
|
|
2858
|
+
class TooltipComponent {
|
|
2859
|
+
constructor() {
|
|
2860
|
+
this.color = input(undefined);
|
|
2861
|
+
this.position = input(undefined);
|
|
2862
|
+
this.size = input(undefined);
|
|
2863
|
+
this.tooltipText = input(undefined);
|
|
2864
|
+
}
|
|
2865
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2866
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.9", type: TooltipComponent, isStandalone: true, selector: "v-tooltip", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tooltipText: { classPropertyName: "tooltipText", publicName: "tooltipText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"d-inline-block v-tooltip\" [pTooltip]=\"tooltipText()\" [tooltipPosition]=\"position()\">\n <ng-content></ng-content>\n</div>", dependencies: [{ kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] }); }
|
|
2891
2867
|
}
|
|
2892
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2893
|
-
type:
|
|
2894
|
-
args: [{
|
|
2895
|
-
|
|
2896
|
-
|
|
2897
|
-
exports: [TabViewComponent, TabViewItemComponent],
|
|
2898
|
-
providers: [
|
|
2899
|
-
{ provide: TAB_VIEW_COMPONENT_TOKEN, useExisting: TabViewComponent },
|
|
2900
|
-
],
|
|
2901
|
-
}]
|
|
2868
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TooltipComponent, decorators: [{
|
|
2869
|
+
type: Component,
|
|
2870
|
+
args: [{ selector: "v-tooltip", imports: [
|
|
2871
|
+
TooltipModule,
|
|
2872
|
+
], template: "<div class=\"d-inline-block v-tooltip\" [pTooltip]=\"tooltipText()\" [tooltipPosition]=\"position()\">\n <ng-content></ng-content>\n</div>" }]
|
|
2902
2873
|
}] });
|
|
2903
2874
|
|
|
2904
2875
|
/**
|
|
2905
2876
|
* Generated bundle index. Do not edit.
|
|
2906
2877
|
*/
|
|
2907
2878
|
|
|
2908
|
-
export { ActionButtonComponent, ActionButtonGroupComponent, BreadcrumbComponent, ButtonComponent, CalendarComponent, CheckboxComponent, ConfirmDialogComponent, DropdownComponent, DynamicComponent, DynamicComponentFactoryService, FEATURE_LIST_COLUMN_PROVIDER, FEATURE_LIST_PAGE_CONFIG_PROPERTY, FeatureListColumnDirective, FeatureListComponent, FeatureListFilterFieldDirective, FeatureListFilterPipe, FilterComponent, FilterFieldDirective, FormFieldComponent, GenericFieldComponent, GenericFormComponent, HeaderComponent, HeaderProviderService, HttpErrorMessageInterceptor, Icons, InputGroupComponent, LoaderComponent, MultiselectComponent, NumberInputComponent, PageHeaderComponent, PasswordComponent, RadioButtonComponent, SectionComponent, SideMenuComponent, SideMenuModule, SliderComponent, SnackbarComponent, SnackbarService, StepperComponent, SwitchComponent, TabViewComponent, TabViewItemComponent,
|
|
2879
|
+
export { ActionButtonComponent, ActionButtonGroupComponent, BreadcrumbComponent, ButtonComponent, CalendarComponent, CheckboxComponent, ConfirmDialogComponent, DropdownButtonComponent, DropdownComponent, DynamicComponent, DynamicComponentFactoryService, FEATURE_LIST_COLUMN_PROVIDER, FEATURE_LIST_PAGE_CONFIG_PROPERTY, FeatureListColumnDirective, FeatureListComponent, FeatureListFilterFieldDirective, FeatureListFilterPipe, FilterComponent, FilterFieldDirective, FormFieldComponent, GenericFieldComponent, GenericFormComponent, HeaderComponent, HeaderProviderService, HttpErrorMessageInterceptor, Icons, InputGroupComponent, LoaderComponent, MultiselectComponent, NumberInputComponent, PageHeaderComponent, PasswordComponent, RadioButtonComponent, SectionComponent, SideMenuComponent, SideMenuModule, SliderComponent, SnackbarComponent, SnackbarService, StepperComponent, SwitchComponent, TabViewComponent, TabViewItemComponent, TableComponent, TextareaComponent, TextfieldComponent, TooltipComponent, addFeatureListPage, generateFormGroup, getColumnClass };
|
|
2909
2880
|
//# sourceMappingURL=verisoft-ui-primeng.mjs.map
|