keevo-components 1.5.164 → 1.5.165
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/esm2020/lib/api/base-components/base-component-dropdown-new.mjs +190 -30
- package/fesm2015/keevo-components.mjs +177 -27
- package/fesm2015/keevo-components.mjs.map +1 -1
- package/fesm2020/keevo-components.mjs +177 -27
- package/fesm2020/keevo-components.mjs.map +1 -1
- package/lib/api/base-components/base-component-dropdown-new.d.ts +6 -1
- package/package.json +1 -1
|
@@ -2,50 +2,210 @@ import { Component, Input } from "@angular/core";
|
|
|
2
2
|
import { BaseComponentDropDown } from "./base-component-dropdown";
|
|
3
3
|
import { FormsModule, ReactiveFormsModule } from "@angular/forms";
|
|
4
4
|
import { KeevoComponentsModule } from "../../keevo-components.module";
|
|
5
|
+
import { PrimeNgModule } from "../modules/primeng.module";
|
|
6
|
+
import { LabelModule } from "../../label/label.module";
|
|
7
|
+
import { kvErrorModule } from "../components/error/kverror.module";
|
|
5
8
|
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "
|
|
7
|
-
import * as i2 from "
|
|
9
|
+
import * as i1 from "@angular/forms";
|
|
10
|
+
import * as i2 from "primeng/api";
|
|
11
|
+
import * as i3 from "primeng/button";
|
|
12
|
+
import * as i4 from "@angular/common";
|
|
13
|
+
import * as i5 from "primeng/tooltip";
|
|
14
|
+
import * as i6 from "primeng/divider";
|
|
15
|
+
import * as i7 from "primeng/dropdown";
|
|
16
|
+
import * as i8 from "../../label/label.component";
|
|
17
|
+
import * as i9 from "../components/error/error.component";
|
|
8
18
|
export class BaseComponentDropdownNew extends BaseComponentDropDown {
|
|
19
|
+
ngOnInit() {
|
|
20
|
+
if (this.dropDowValue)
|
|
21
|
+
this.value = this.dropDowValue;
|
|
22
|
+
}
|
|
9
23
|
}
|
|
10
24
|
BaseComponentDropdownNew.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentDropdownNew, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
BaseComponentDropdownNew.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: BaseComponentDropdownNew, isStandalone: true, selector: "app-base-dropdown", inputs: { formGroup: "formGroup", formControlName: "formControlName" }, usesInheritance: true, ngImport: i0, template: `
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
+
BaseComponentDropdownNew.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: BaseComponentDropdownNew, isStandalone: true, selector: "app-base-dropdown", inputs: { formGroup: "formGroup", formControlName: "formControlName", dropDowValue: "dropDowValue", itemTemplate: "itemTemplate", selectedItemTemplate: "selectedItemTemplate" }, usesInheritance: true, ngImport: i0, template: `
|
|
26
|
+
<span>
|
|
27
|
+
<kv-label
|
|
28
|
+
[componentId]="componentId"
|
|
29
|
+
[label]="label"
|
|
30
|
+
/>
|
|
31
|
+
<p-dropdown
|
|
32
|
+
appendTo="body"
|
|
33
|
+
[class]="baseInputClass"
|
|
34
|
+
[disabled]="disabled"
|
|
35
|
+
[filter]="filter"
|
|
36
|
+
[inputId]="componentId"
|
|
37
|
+
[(ngModel)]="value"
|
|
38
|
+
[options]="filteredOptions"
|
|
39
|
+
[optionLabel]="optionLabel"
|
|
40
|
+
[optionValue]="optionValue"
|
|
41
|
+
[optionDisabled]="optionDisabled"
|
|
42
|
+
[group]="group"
|
|
43
|
+
[optionGroupLabel]="optionGroupLabel"
|
|
44
|
+
[optionGroupChildren]="optionGroupChildren"
|
|
45
|
+
[showClear]="showClear"
|
|
46
|
+
[lazy]="lazy"
|
|
47
|
+
scrollHeight="250px"
|
|
48
|
+
(onBlur)="onInputBlur($event)"
|
|
49
|
+
(onClick)="onInputClick($event)"
|
|
50
|
+
(onChange)="onInputChange($event)"
|
|
51
|
+
(onFilter)="onInputFilter($event)"
|
|
52
|
+
[style]="{'width':widthField}"
|
|
53
|
+
[panelStyle]="{ width: widthField, overflow: 'auto' }"
|
|
54
|
+
styleClass="inputs"
|
|
55
|
+
>
|
|
56
|
+
|
|
57
|
+
<ng-template
|
|
58
|
+
*ngIf="showAddButton"
|
|
59
|
+
pTemplate="footer"
|
|
60
|
+
>
|
|
61
|
+
<p-divider></p-divider>
|
|
62
|
+
<div class="flex flex-wrap card-container p-1">
|
|
63
|
+
<div class="flex justify-content-center">
|
|
64
|
+
<button
|
|
65
|
+
pButton
|
|
66
|
+
label="Incluir"
|
|
67
|
+
pTooltip="Clique aqui para incluir um novo registro"
|
|
68
|
+
tooltipPosition="bottom"
|
|
69
|
+
icon="pi pi-plus"
|
|
70
|
+
class="p-button-rounded p-button-success mr-2"
|
|
71
|
+
(click)="addClick($event)"
|
|
72
|
+
></button>
|
|
73
|
+
</div>
|
|
74
|
+
</div>
|
|
75
|
+
</ng-template>
|
|
76
|
+
|
|
77
|
+
<ng-template
|
|
78
|
+
let-selectedItem
|
|
79
|
+
pTemplate="item"
|
|
80
|
+
*ngIf="itemTemplate"
|
|
81
|
+
>
|
|
82
|
+
<ng-container
|
|
83
|
+
[ngTemplateOutlet]="itemTemplate"
|
|
84
|
+
[ngTemplateOutletContext]="{ $implicit: selectedItem }"
|
|
85
|
+
>
|
|
86
|
+
</ng-container>
|
|
87
|
+
</ng-template>
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
<ng-template
|
|
91
|
+
let-item
|
|
92
|
+
pTemplate="selectedItem"
|
|
93
|
+
*ngIf="selectedItemTemplate"
|
|
94
|
+
>
|
|
95
|
+
<ng-container
|
|
96
|
+
[ngTemplateOutlet]="selectedItemTemplate"
|
|
97
|
+
[ngTemplateOutletContext]="{ $implicit: item }"
|
|
98
|
+
>
|
|
99
|
+
|
|
100
|
+
</ng-container>
|
|
101
|
+
</ng-template>
|
|
102
|
+
|
|
103
|
+
</p-dropdown>
|
|
104
|
+
|
|
105
|
+
<kv-error [hasError]="hasControlError()">{{ erroMessage() }}</kv-error>
|
|
106
|
+
</span>
|
|
107
|
+
<ng-content></ng-content>
|
|
108
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: KeevoComponentsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeNgModule }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i6.Divider, selector: "p-divider", inputs: ["styleClass", "style", "layout", "type", "align"] }, { kind: "component", type: i7.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: LabelModule }, { kind: "component", type: i8.LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "ngmodule", type: kvErrorModule }, { kind: "component", type: i9.ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }] });
|
|
25
109
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentDropdownNew, decorators: [{
|
|
26
110
|
type: Component,
|
|
27
111
|
args: [{
|
|
28
112
|
selector: 'app-base-dropdown',
|
|
29
113
|
template: `
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
114
|
+
<span>
|
|
115
|
+
<kv-label
|
|
116
|
+
[componentId]="componentId"
|
|
117
|
+
[label]="label"
|
|
118
|
+
/>
|
|
119
|
+
<p-dropdown
|
|
120
|
+
appendTo="body"
|
|
121
|
+
[class]="baseInputClass"
|
|
122
|
+
[disabled]="disabled"
|
|
123
|
+
[filter]="filter"
|
|
124
|
+
[inputId]="componentId"
|
|
125
|
+
[(ngModel)]="value"
|
|
126
|
+
[options]="filteredOptions"
|
|
127
|
+
[optionLabel]="optionLabel"
|
|
128
|
+
[optionValue]="optionValue"
|
|
129
|
+
[optionDisabled]="optionDisabled"
|
|
130
|
+
[group]="group"
|
|
131
|
+
[optionGroupLabel]="optionGroupLabel"
|
|
132
|
+
[optionGroupChildren]="optionGroupChildren"
|
|
133
|
+
[showClear]="showClear"
|
|
134
|
+
[lazy]="lazy"
|
|
135
|
+
scrollHeight="250px"
|
|
136
|
+
(onBlur)="onInputBlur($event)"
|
|
137
|
+
(onClick)="onInputClick($event)"
|
|
138
|
+
(onChange)="onInputChange($event)"
|
|
139
|
+
(onFilter)="onInputFilter($event)"
|
|
140
|
+
[style]="{'width':widthField}"
|
|
141
|
+
[panelStyle]="{ width: widthField, overflow: 'auto' }"
|
|
142
|
+
styleClass="inputs"
|
|
143
|
+
>
|
|
144
|
+
|
|
145
|
+
<ng-template
|
|
146
|
+
*ngIf="showAddButton"
|
|
147
|
+
pTemplate="footer"
|
|
148
|
+
>
|
|
149
|
+
<p-divider></p-divider>
|
|
150
|
+
<div class="flex flex-wrap card-container p-1">
|
|
151
|
+
<div class="flex justify-content-center">
|
|
152
|
+
<button
|
|
153
|
+
pButton
|
|
154
|
+
label="Incluir"
|
|
155
|
+
pTooltip="Clique aqui para incluir um novo registro"
|
|
156
|
+
tooltipPosition="bottom"
|
|
157
|
+
icon="pi pi-plus"
|
|
158
|
+
class="p-button-rounded p-button-success mr-2"
|
|
159
|
+
(click)="addClick($event)"
|
|
160
|
+
></button>
|
|
161
|
+
</div>
|
|
162
|
+
</div>
|
|
163
|
+
</ng-template>
|
|
164
|
+
|
|
165
|
+
<ng-template
|
|
166
|
+
let-selectedItem
|
|
167
|
+
pTemplate="item"
|
|
168
|
+
*ngIf="itemTemplate"
|
|
169
|
+
>
|
|
170
|
+
<ng-container
|
|
171
|
+
[ngTemplateOutlet]="itemTemplate"
|
|
172
|
+
[ngTemplateOutletContext]="{ $implicit: selectedItem }"
|
|
173
|
+
>
|
|
174
|
+
</ng-container>
|
|
175
|
+
</ng-template>
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
<ng-template
|
|
179
|
+
let-item
|
|
180
|
+
pTemplate="selectedItem"
|
|
181
|
+
*ngIf="selectedItemTemplate"
|
|
182
|
+
>
|
|
183
|
+
<ng-container
|
|
184
|
+
[ngTemplateOutlet]="selectedItemTemplate"
|
|
185
|
+
[ngTemplateOutletContext]="{ $implicit: item }"
|
|
186
|
+
>
|
|
187
|
+
|
|
188
|
+
</ng-container>
|
|
189
|
+
</ng-template>
|
|
190
|
+
|
|
191
|
+
</p-dropdown>
|
|
192
|
+
|
|
193
|
+
<kv-error [hasError]="hasControlError()">{{ erroMessage() }}</kv-error>
|
|
194
|
+
</span>
|
|
195
|
+
<ng-content></ng-content>
|
|
42
196
|
`,
|
|
43
197
|
standalone: true,
|
|
44
|
-
imports: [KeevoComponentsModule, ReactiveFormsModule, FormsModule]
|
|
198
|
+
imports: [KeevoComponentsModule, ReactiveFormsModule, FormsModule, PrimeNgModule, LabelModule, kvErrorModule]
|
|
45
199
|
}]
|
|
46
200
|
}], propDecorators: { formGroup: [{
|
|
47
201
|
type: Input
|
|
48
202
|
}], formControlName: [{
|
|
49
203
|
type: Input
|
|
204
|
+
}], dropDowValue: [{
|
|
205
|
+
type: Input
|
|
206
|
+
}], itemTemplate: [{
|
|
207
|
+
type: Input
|
|
208
|
+
}], selectedItemTemplate: [{
|
|
209
|
+
type: Input
|
|
50
210
|
}] } });
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
211
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1jb21wb25lbnQtZHJvcGRvd24tbmV3LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2FwaS9iYXNlLWNvbXBvbmVudHMvYmFzZS1jb21wb25lbnQtZHJvcGRvd24tbmV3LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFlLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBQ2pFLE9BQU8sRUFBYSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN0RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7Ozs7Ozs7Ozs7QUEyRm5FLE1BQU0sT0FBTyx3QkFBeUIsU0FBUSxxQkFBcUI7SUFTdEQsUUFBUTtRQUNiLElBQUksSUFBSSxDQUFDLFlBQVk7WUFDakIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQ3ZDLENBQUM7O3FIQVpRLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLHNSQXZGdkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBbUZULDJEQUVTLHFCQUFxQiw4QkFBRSxtQkFBbUIsc0lBQUUsV0FBVyxzUEFBRSxhQUFhLDRoRUFBRSxXQUFXLHNJQUFFLGFBQWE7MkZBRW5HLHdCQUF3QjtrQkF6RnBDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQW1GVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMscUJBQXFCLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxXQUFXLEVBQUUsYUFBYSxDQUFDO2lCQUNoSDs4QkFHWSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBRUcsWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgQmFzZUNvbXBvbmVudERyb3BEb3duIH0gZnJvbSBcIi4vYmFzZS1jb21wb25lbnQtZHJvcGRvd25cIlxyXG5pbXBvcnQgeyBGb3JtR3JvdXAsIEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XHJcbmltcG9ydCB7IEtlZXZvQ29tcG9uZW50c01vZHVsZSB9IGZyb20gXCIuLi8uLi9rZWV2by1jb21wb25lbnRzLm1vZHVsZVwiO1xyXG5pbXBvcnQgeyBQcmltZU5nTW9kdWxlIH0gZnJvbSBcIi4uL21vZHVsZXMvcHJpbWVuZy5tb2R1bGVcIjtcclxuaW1wb3J0IHsgTGFiZWxNb2R1bGUgfSBmcm9tIFwiLi4vLi4vbGFiZWwvbGFiZWwubW9kdWxlXCI7XHJcbmltcG9ydCB7IGt2RXJyb3JNb2R1bGUgfSBmcm9tIFwiLi4vY29tcG9uZW50cy9lcnJvci9rdmVycm9yLm1vZHVsZVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2FwcC1iYXNlLWRyb3Bkb3duJyxcclxuICAgIHRlbXBsYXRlOiBgXHJcbiAgICA8c3Bhbj5cclxuICAgICAgPGt2LWxhYmVsXHJcbiAgICAgICAgW2NvbXBvbmVudElkXT1cImNvbXBvbmVudElkXCJcclxuICAgICAgICBbbGFiZWxdPVwibGFiZWxcIlxyXG4gICAgICAvPlxyXG4gICAgICA8cC1kcm9wZG93blxyXG4gICAgICAgIGFwcGVuZFRvPVwiYm9keVwiXHJcbiAgICAgICAgW2NsYXNzXT1cImJhc2VJbnB1dENsYXNzXCJcclxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgICAgIFtmaWx0ZXJdPVwiZmlsdGVyXCJcclxuICAgICAgICBbaW5wdXRJZF09XCJjb21wb25lbnRJZFwiXHJcbiAgICAgICAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXHJcbiAgICAgICAgW29wdGlvbnNdPVwiZmlsdGVyZWRPcHRpb25zXCJcclxuICAgICAgICBbb3B0aW9uTGFiZWxdPVwib3B0aW9uTGFiZWxcIlxyXG4gICAgICAgIFtvcHRpb25WYWx1ZV09XCJvcHRpb25WYWx1ZVwiXHJcbiAgICAgICAgW29wdGlvbkRpc2FibGVkXT1cIm9wdGlvbkRpc2FibGVkXCJcclxuICAgICAgICBbZ3JvdXBdPVwiZ3JvdXBcIlxyXG4gICAgICAgIFtvcHRpb25Hcm91cExhYmVsXT1cIm9wdGlvbkdyb3VwTGFiZWxcIlxyXG4gICAgICAgIFtvcHRpb25Hcm91cENoaWxkcmVuXT1cIm9wdGlvbkdyb3VwQ2hpbGRyZW5cIlxyXG4gICAgICAgIFtzaG93Q2xlYXJdPVwic2hvd0NsZWFyXCJcclxuICAgICAgICBbbGF6eV09XCJsYXp5XCJcclxuICAgICAgICBzY3JvbGxIZWlnaHQ9XCIyNTBweFwiXHJcbiAgICAgICAgKG9uQmx1cik9XCJvbklucHV0Qmx1cigkZXZlbnQpXCJcclxuICAgICAgICAob25DbGljayk9XCJvbklucHV0Q2xpY2soJGV2ZW50KVwiXHJcbiAgICAgICAgKG9uQ2hhbmdlKT1cIm9uSW5wdXRDaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICAgICAgKG9uRmlsdGVyKT1cIm9uSW5wdXRGaWx0ZXIoJGV2ZW50KVwiXHJcbiAgICAgICAgW3N0eWxlXT1cInsnd2lkdGgnOndpZHRoRmllbGR9XCJcclxuICAgICAgICBbcGFuZWxTdHlsZV09XCJ7IHdpZHRoOiB3aWR0aEZpZWxkLCBvdmVyZmxvdzogJ2F1dG8nIH1cIlxyXG4gICAgICAgIHN0eWxlQ2xhc3M9XCJpbnB1dHNcIlxyXG4gICAgICA+XHJcblxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZVxyXG4gICAgICAgICAgKm5nSWY9XCJzaG93QWRkQnV0dG9uXCJcclxuICAgICAgICAgIHBUZW1wbGF0ZT1cImZvb3RlclwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPHAtZGl2aWRlcj48L3AtZGl2aWRlcj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtd3JhcCBjYXJkLWNvbnRhaW5lciBwLTFcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXgganVzdGlmeS1jb250ZW50LWNlbnRlclwiPlxyXG4gICAgICAgICAgICAgIDxidXR0b25cclxuICAgICAgICAgICAgICAgIHBCdXR0b25cclxuICAgICAgICAgICAgICAgIGxhYmVsPVwiSW5jbHVpclwiXHJcbiAgICAgICAgICAgICAgICBwVG9vbHRpcD1cIkNsaXF1ZSBhcXVpIHBhcmEgaW5jbHVpciB1bSBub3ZvIHJlZ2lzdHJvXCJcclxuICAgICAgICAgICAgICAgIHRvb2x0aXBQb3NpdGlvbj1cImJvdHRvbVwiXHJcbiAgICAgICAgICAgICAgICBpY29uPVwicGkgcGktcGx1c1wiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInAtYnV0dG9uLXJvdW5kZWQgcC1idXR0b24tc3VjY2VzcyBtci0yXCJcclxuICAgICAgICAgICAgICAgIChjbGljayk9XCJhZGRDbGljaygkZXZlbnQpXCJcclxuICAgICAgICAgICAgICA+PC9idXR0b24+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcbiAgICAgICAgPG5nLXRlbXBsYXRlXHJcbiAgICAgICAgICBsZXQtc2VsZWN0ZWRJdGVtXHJcbiAgICAgICAgICBwVGVtcGxhdGU9XCJpdGVtXCJcclxuICAgICAgICAgICpuZ0lmPVwiaXRlbVRlbXBsYXRlXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIml0ZW1UZW1wbGF0ZVwiXHJcbiAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogc2VsZWN0ZWRJdGVtIH1cIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuXHJcblxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZVxyXG4gICAgICAgICAgbGV0LWl0ZW1cclxuICAgICAgICAgIHBUZW1wbGF0ZT1cInNlbGVjdGVkSXRlbVwiXHJcbiAgICAgICAgICAqbmdJZj1cInNlbGVjdGVkSXRlbVRlbXBsYXRlXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInNlbGVjdGVkSXRlbVRlbXBsYXRlXCJcclxuICAgICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgJGltcGxpY2l0OiBpdGVtIH1cIlxyXG4gICAgICAgICAgPlxyXG5cclxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XHJcblxyXG4gICAgICA8L3AtZHJvcGRvd24+XHJcblxyXG4gICAgICA8a3YtZXJyb3IgW2hhc0Vycm9yXT1cImhhc0NvbnRyb2xFcnJvcigpXCI+e3sgZXJyb01lc3NhZ2UoKSB9fTwva3YtZXJyb3I+XHJcbiAgICA8L3NwYW4+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICBgLFxyXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICAgIGltcG9ydHM6IFtLZWV2b0NvbXBvbmVudHNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUsIEZvcm1zTW9kdWxlLCBQcmltZU5nTW9kdWxlLCBMYWJlbE1vZHVsZSwga3ZFcnJvck1vZHVsZV1cclxufSlcclxuZXhwb3J0IGNsYXNzIEJhc2VDb21wb25lbnREcm9wZG93bk5ldyBleHRlbmRzIEJhc2VDb21wb25lbnREcm9wRG93biB7XHJcblxyXG4gICAgQElucHV0KCkgZm9ybUdyb3VwITogRm9ybUdyb3VwO1xyXG4gICAgQElucHV0KCkgZm9ybUNvbnRyb2xOYW1lITogc3RyaW5nO1xyXG5cclxuICAgIEBJbnB1dCgpIGRyb3BEb3dWYWx1ZSE6IGFueTtcclxuICAgIEBJbnB1dCgpIGl0ZW1UZW1wbGF0ZSE6IFRlbXBsYXRlUmVmPGFueT47XHJcbiAgICBASW5wdXQoKSBzZWxlY3RlZEl0ZW1UZW1wbGF0ZSE6IFRlbXBsYXRlUmVmPGFueT47XHJcblxyXG4gICAgb3ZlcnJpZGUgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHRoaXMuZHJvcERvd1ZhbHVlKVxyXG4gICAgICAgICAgICB0aGlzLnZhbHVlID0gdGhpcy5kcm9wRG93VmFsdWU7XHJcbiAgICB9XHJcblxyXG59Il19
|
|
@@ -4145,47 +4145,197 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
|
|
|
4145
4145
|
}] });
|
|
4146
4146
|
|
|
4147
4147
|
class BaseComponentDropdownNew extends BaseComponentDropDown {
|
|
4148
|
+
ngOnInit() {
|
|
4149
|
+
if (this.dropDowValue)
|
|
4150
|
+
this.value = this.dropDowValue;
|
|
4151
|
+
}
|
|
4148
4152
|
}
|
|
4149
4153
|
BaseComponentDropdownNew.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentDropdownNew, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
4150
|
-
BaseComponentDropdownNew.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: BaseComponentDropdownNew, isStandalone: true, selector: "app-base-dropdown", inputs: { formGroup: "formGroup", formControlName: "formControlName" }, usesInheritance: true, ngImport: i0, template: `
|
|
4151
|
-
|
|
4152
|
-
|
|
4153
|
-
|
|
4154
|
-
|
|
4155
|
-
|
|
4156
|
-
|
|
4157
|
-
|
|
4158
|
-
|
|
4159
|
-
|
|
4160
|
-
|
|
4161
|
-
|
|
4162
|
-
|
|
4163
|
-
|
|
4154
|
+
BaseComponentDropdownNew.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: BaseComponentDropdownNew, isStandalone: true, selector: "app-base-dropdown", inputs: { formGroup: "formGroup", formControlName: "formControlName", dropDowValue: "dropDowValue", itemTemplate: "itemTemplate", selectedItemTemplate: "selectedItemTemplate" }, usesInheritance: true, ngImport: i0, template: `
|
|
4155
|
+
<span>
|
|
4156
|
+
<kv-label
|
|
4157
|
+
[componentId]="componentId"
|
|
4158
|
+
[label]="label"
|
|
4159
|
+
/>
|
|
4160
|
+
<p-dropdown
|
|
4161
|
+
appendTo="body"
|
|
4162
|
+
[class]="baseInputClass"
|
|
4163
|
+
[disabled]="disabled"
|
|
4164
|
+
[filter]="filter"
|
|
4165
|
+
[inputId]="componentId"
|
|
4166
|
+
[(ngModel)]="value"
|
|
4167
|
+
[options]="filteredOptions"
|
|
4168
|
+
[optionLabel]="optionLabel"
|
|
4169
|
+
[optionValue]="optionValue"
|
|
4170
|
+
[optionDisabled]="optionDisabled"
|
|
4171
|
+
[group]="group"
|
|
4172
|
+
[optionGroupLabel]="optionGroupLabel"
|
|
4173
|
+
[optionGroupChildren]="optionGroupChildren"
|
|
4174
|
+
[showClear]="showClear"
|
|
4175
|
+
[lazy]="lazy"
|
|
4176
|
+
scrollHeight="250px"
|
|
4177
|
+
(onBlur)="onInputBlur($event)"
|
|
4178
|
+
(onClick)="onInputClick($event)"
|
|
4179
|
+
(onChange)="onInputChange($event)"
|
|
4180
|
+
(onFilter)="onInputFilter($event)"
|
|
4181
|
+
[style]="{'width':widthField}"
|
|
4182
|
+
[panelStyle]="{ width: widthField, overflow: 'auto' }"
|
|
4183
|
+
styleClass="inputs"
|
|
4184
|
+
>
|
|
4185
|
+
|
|
4186
|
+
<ng-template
|
|
4187
|
+
*ngIf="showAddButton"
|
|
4188
|
+
pTemplate="footer"
|
|
4189
|
+
>
|
|
4190
|
+
<p-divider></p-divider>
|
|
4191
|
+
<div class="flex flex-wrap card-container p-1">
|
|
4192
|
+
<div class="flex justify-content-center">
|
|
4193
|
+
<button
|
|
4194
|
+
pButton
|
|
4195
|
+
label="Incluir"
|
|
4196
|
+
pTooltip="Clique aqui para incluir um novo registro"
|
|
4197
|
+
tooltipPosition="bottom"
|
|
4198
|
+
icon="pi pi-plus"
|
|
4199
|
+
class="p-button-rounded p-button-success mr-2"
|
|
4200
|
+
(click)="addClick($event)"
|
|
4201
|
+
></button>
|
|
4202
|
+
</div>
|
|
4203
|
+
</div>
|
|
4204
|
+
</ng-template>
|
|
4205
|
+
|
|
4206
|
+
<ng-template
|
|
4207
|
+
let-selectedItem
|
|
4208
|
+
pTemplate="item"
|
|
4209
|
+
*ngIf="itemTemplate"
|
|
4210
|
+
>
|
|
4211
|
+
<ng-container
|
|
4212
|
+
[ngTemplateOutlet]="itemTemplate"
|
|
4213
|
+
[ngTemplateOutletContext]="{ $implicit: selectedItem }"
|
|
4214
|
+
>
|
|
4215
|
+
</ng-container>
|
|
4216
|
+
</ng-template>
|
|
4217
|
+
|
|
4218
|
+
|
|
4219
|
+
<ng-template
|
|
4220
|
+
let-item
|
|
4221
|
+
pTemplate="selectedItem"
|
|
4222
|
+
*ngIf="selectedItemTemplate"
|
|
4223
|
+
>
|
|
4224
|
+
<ng-container
|
|
4225
|
+
[ngTemplateOutlet]="selectedItemTemplate"
|
|
4226
|
+
[ngTemplateOutletContext]="{ $implicit: item }"
|
|
4227
|
+
>
|
|
4228
|
+
|
|
4229
|
+
</ng-container>
|
|
4230
|
+
</ng-template>
|
|
4231
|
+
|
|
4232
|
+
</p-dropdown>
|
|
4233
|
+
|
|
4234
|
+
<kv-error [hasError]="hasControlError()">{{ erroMessage() }}</kv-error>
|
|
4235
|
+
</span>
|
|
4236
|
+
<ng-content></ng-content>
|
|
4237
|
+
`, isInline: true, dependencies: [{ kind: "ngmodule", type: KeevoComponentsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeNgModule }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i9.Divider, selector: "p-divider", inputs: ["styleClass", "style", "layout", "type", "align"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: LabelModule }, { kind: "component", type: LabelComponent, selector: "kv-label", inputs: ["componentId", "label"] }, { kind: "ngmodule", type: kvErrorModule }, { kind: "component", type: ErrorComponent, selector: "kv-error", inputs: ["formControl", "hasError"] }] });
|
|
4164
4238
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentDropdownNew, decorators: [{
|
|
4165
4239
|
type: Component,
|
|
4166
4240
|
args: [{
|
|
4167
4241
|
selector: 'app-base-dropdown',
|
|
4168
4242
|
template: `
|
|
4169
|
-
|
|
4170
|
-
|
|
4171
|
-
|
|
4172
|
-
|
|
4173
|
-
|
|
4174
|
-
|
|
4175
|
-
|
|
4176
|
-
|
|
4177
|
-
|
|
4178
|
-
|
|
4179
|
-
|
|
4180
|
-
|
|
4243
|
+
<span>
|
|
4244
|
+
<kv-label
|
|
4245
|
+
[componentId]="componentId"
|
|
4246
|
+
[label]="label"
|
|
4247
|
+
/>
|
|
4248
|
+
<p-dropdown
|
|
4249
|
+
appendTo="body"
|
|
4250
|
+
[class]="baseInputClass"
|
|
4251
|
+
[disabled]="disabled"
|
|
4252
|
+
[filter]="filter"
|
|
4253
|
+
[inputId]="componentId"
|
|
4254
|
+
[(ngModel)]="value"
|
|
4255
|
+
[options]="filteredOptions"
|
|
4256
|
+
[optionLabel]="optionLabel"
|
|
4257
|
+
[optionValue]="optionValue"
|
|
4258
|
+
[optionDisabled]="optionDisabled"
|
|
4259
|
+
[group]="group"
|
|
4260
|
+
[optionGroupLabel]="optionGroupLabel"
|
|
4261
|
+
[optionGroupChildren]="optionGroupChildren"
|
|
4262
|
+
[showClear]="showClear"
|
|
4263
|
+
[lazy]="lazy"
|
|
4264
|
+
scrollHeight="250px"
|
|
4265
|
+
(onBlur)="onInputBlur($event)"
|
|
4266
|
+
(onClick)="onInputClick($event)"
|
|
4267
|
+
(onChange)="onInputChange($event)"
|
|
4268
|
+
(onFilter)="onInputFilter($event)"
|
|
4269
|
+
[style]="{'width':widthField}"
|
|
4270
|
+
[panelStyle]="{ width: widthField, overflow: 'auto' }"
|
|
4271
|
+
styleClass="inputs"
|
|
4272
|
+
>
|
|
4273
|
+
|
|
4274
|
+
<ng-template
|
|
4275
|
+
*ngIf="showAddButton"
|
|
4276
|
+
pTemplate="footer"
|
|
4277
|
+
>
|
|
4278
|
+
<p-divider></p-divider>
|
|
4279
|
+
<div class="flex flex-wrap card-container p-1">
|
|
4280
|
+
<div class="flex justify-content-center">
|
|
4281
|
+
<button
|
|
4282
|
+
pButton
|
|
4283
|
+
label="Incluir"
|
|
4284
|
+
pTooltip="Clique aqui para incluir um novo registro"
|
|
4285
|
+
tooltipPosition="bottom"
|
|
4286
|
+
icon="pi pi-plus"
|
|
4287
|
+
class="p-button-rounded p-button-success mr-2"
|
|
4288
|
+
(click)="addClick($event)"
|
|
4289
|
+
></button>
|
|
4290
|
+
</div>
|
|
4291
|
+
</div>
|
|
4292
|
+
</ng-template>
|
|
4293
|
+
|
|
4294
|
+
<ng-template
|
|
4295
|
+
let-selectedItem
|
|
4296
|
+
pTemplate="item"
|
|
4297
|
+
*ngIf="itemTemplate"
|
|
4298
|
+
>
|
|
4299
|
+
<ng-container
|
|
4300
|
+
[ngTemplateOutlet]="itemTemplate"
|
|
4301
|
+
[ngTemplateOutletContext]="{ $implicit: selectedItem }"
|
|
4302
|
+
>
|
|
4303
|
+
</ng-container>
|
|
4304
|
+
</ng-template>
|
|
4305
|
+
|
|
4306
|
+
|
|
4307
|
+
<ng-template
|
|
4308
|
+
let-item
|
|
4309
|
+
pTemplate="selectedItem"
|
|
4310
|
+
*ngIf="selectedItemTemplate"
|
|
4311
|
+
>
|
|
4312
|
+
<ng-container
|
|
4313
|
+
[ngTemplateOutlet]="selectedItemTemplate"
|
|
4314
|
+
[ngTemplateOutletContext]="{ $implicit: item }"
|
|
4315
|
+
>
|
|
4316
|
+
|
|
4317
|
+
</ng-container>
|
|
4318
|
+
</ng-template>
|
|
4319
|
+
|
|
4320
|
+
</p-dropdown>
|
|
4321
|
+
|
|
4322
|
+
<kv-error [hasError]="hasControlError()">{{ erroMessage() }}</kv-error>
|
|
4323
|
+
</span>
|
|
4324
|
+
<ng-content></ng-content>
|
|
4181
4325
|
`,
|
|
4182
4326
|
standalone: true,
|
|
4183
|
-
imports: [KeevoComponentsModule, ReactiveFormsModule, FormsModule]
|
|
4327
|
+
imports: [KeevoComponentsModule, ReactiveFormsModule, FormsModule, PrimeNgModule, LabelModule, kvErrorModule]
|
|
4184
4328
|
}]
|
|
4185
4329
|
}], propDecorators: { formGroup: [{
|
|
4186
4330
|
type: Input
|
|
4187
4331
|
}], formControlName: [{
|
|
4188
4332
|
type: Input
|
|
4333
|
+
}], dropDowValue: [{
|
|
4334
|
+
type: Input
|
|
4335
|
+
}], itemTemplate: [{
|
|
4336
|
+
type: Input
|
|
4337
|
+
}], selectedItemTemplate: [{
|
|
4338
|
+
type: Input
|
|
4189
4339
|
}] } });
|
|
4190
4340
|
|
|
4191
4341
|
class TranslatePrimeng {
|