@vgip/meta-ui 1.5.8 → 1.6.0
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/fieldAbstract.mjs +3 -2
- package/esm2020/lib/fieldComposite/index.mjs +4 -3
- package/esm2020/lib/fieldList/index.mjs +4 -3
- package/esm2020/lib/fieldReference/index.mjs +2 -2
- package/esm2020/lib/layout/index.mjs +1 -1
- package/esm2020/lib/metaField/index.mjs +5 -2
- package/fesm2015/{vgip-meta-ui-fieldAbstract-2d0882f1.mjs → vgip-meta-ui-fieldAbstract-adcbaef3.mjs} +3 -2
- package/fesm2015/vgip-meta-ui-fieldAbstract-adcbaef3.mjs.map +1 -0
- package/fesm2015/{vgip-meta-ui-index-92be02c0.mjs → vgip-meta-ui-index-02c81b5e.mjs} +17 -14
- package/fesm2015/{vgip-meta-ui-index-92be02c0.mjs.map → vgip-meta-ui-index-02c81b5e.mjs.map} +1 -1
- package/{fesm2020/vgip-meta-ui-index-3d8c2fcd.mjs → fesm2015/vgip-meta-ui-index-1b7f3a8e.mjs} +5 -5
- package/fesm2015/{vgip-meta-ui-index-a308ba4f.mjs.map → vgip-meta-ui-index-1b7f3a8e.mjs.map} +1 -1
- package/fesm2015/{vgip-meta-ui-index-6bd006d4.mjs → vgip-meta-ui-index-25ea0320.mjs} +4 -4
- package/fesm2015/{vgip-meta-ui-index-6bd006d4.mjs.map → vgip-meta-ui-index-25ea0320.mjs.map} +1 -1
- package/fesm2015/vgip-meta-ui-index-5ba22e31.mjs +75 -0
- package/fesm2015/vgip-meta-ui-index-5ba22e31.mjs.map +1 -0
- package/fesm2015/{vgip-meta-ui-index-65c10356.mjs → vgip-meta-ui-index-5fa91bd2.mjs} +2 -2
- package/fesm2015/{vgip-meta-ui-index-65c10356.mjs.map → vgip-meta-ui-index-5fa91bd2.mjs.map} +1 -1
- package/fesm2015/{vgip-meta-ui-index-8f5be5a7.mjs → vgip-meta-ui-index-611bd23f.mjs} +2 -2
- package/fesm2015/{vgip-meta-ui-index-8f5be5a7.mjs.map → vgip-meta-ui-index-611bd23f.mjs.map} +1 -1
- package/fesm2015/{vgip-meta-ui-index-934aeabf.mjs → vgip-meta-ui-index-622a5022.mjs} +2 -2
- package/fesm2015/{vgip-meta-ui-index-934aeabf.mjs.map → vgip-meta-ui-index-622a5022.mjs.map} +1 -1
- package/fesm2015/{vgip-meta-ui-index-4d489d76.mjs → vgip-meta-ui-index-7bfbd257.mjs} +6 -5
- package/fesm2015/vgip-meta-ui-index-7bfbd257.mjs.map +1 -0
- package/{fesm2020/vgip-meta-ui-index-5615e618.mjs → fesm2015/vgip-meta-ui-index-816c1e8d.mjs} +2 -2
- package/fesm2015/{vgip-meta-ui-index-5615e618.mjs.map → vgip-meta-ui-index-816c1e8d.mjs.map} +1 -1
- package/fesm2015/{vgip-meta-ui-index-fa0b1b8b.mjs → vgip-meta-ui-index-8aadb675.mjs} +2 -2
- package/fesm2015/{vgip-meta-ui-index-fa0b1b8b.mjs.map → vgip-meta-ui-index-8aadb675.mjs.map} +1 -1
- package/{fesm2020/vgip-meta-ui-index-0068fb77.mjs → fesm2015/vgip-meta-ui-index-b6efcb69.mjs} +2 -2
- package/fesm2015/{vgip-meta-ui-index-0068fb77.mjs.map → vgip-meta-ui-index-b6efcb69.mjs.map} +1 -1
- package/fesm2015/{vgip-meta-ui-index-9b5ee0c4.mjs → vgip-meta-ui-index-dc66cfee.mjs} +2 -2
- package/fesm2015/{vgip-meta-ui-index-9b5ee0c4.mjs.map → vgip-meta-ui-index-dc66cfee.mjs.map} +1 -1
- package/fesm2015/{vgip-meta-ui-index-def34ca9.mjs → vgip-meta-ui-index-f0b62a08.mjs} +4 -4
- package/fesm2015/{vgip-meta-ui-index-def34ca9.mjs.map → vgip-meta-ui-index-f0b62a08.mjs.map} +1 -1
- package/fesm2015/vgip-meta-ui.mjs +16 -16
- package/fesm2020/{vgip-meta-ui-fieldAbstract-2d0882f1.mjs → vgip-meta-ui-fieldAbstract-adcbaef3.mjs} +3 -2
- package/fesm2020/vgip-meta-ui-fieldAbstract-adcbaef3.mjs.map +1 -0
- package/{fesm2015/vgip-meta-ui-index-a308ba4f.mjs → fesm2020/vgip-meta-ui-index-08777431.mjs} +5 -5
- package/fesm2020/{vgip-meta-ui-index-3d8c2fcd.mjs.map → vgip-meta-ui-index-08777431.mjs.map} +1 -1
- package/fesm2020/{vgip-meta-ui-index-6f96198b.mjs → vgip-meta-ui-index-39abb8ac.mjs} +6 -5
- package/fesm2020/vgip-meta-ui-index-39abb8ac.mjs.map +1 -0
- package/fesm2020/{vgip-meta-ui-index-e8e3b16a.mjs → vgip-meta-ui-index-525a51b9.mjs} +17 -14
- package/fesm2020/{vgip-meta-ui-index-e8e3b16a.mjs.map → vgip-meta-ui-index-525a51b9.mjs.map} +1 -1
- package/fesm2020/{vgip-meta-ui-index-65c10356.mjs → vgip-meta-ui-index-5fa91bd2.mjs} +2 -2
- package/fesm2020/{vgip-meta-ui-index-65c10356.mjs.map → vgip-meta-ui-index-5fa91bd2.mjs.map} +1 -1
- package/fesm2020/{vgip-meta-ui-index-8f5be5a7.mjs → vgip-meta-ui-index-611bd23f.mjs} +2 -2
- package/fesm2020/{vgip-meta-ui-index-8f5be5a7.mjs.map → vgip-meta-ui-index-611bd23f.mjs.map} +1 -1
- package/fesm2020/{vgip-meta-ui-index-934aeabf.mjs → vgip-meta-ui-index-622a5022.mjs} +2 -2
- package/fesm2020/{vgip-meta-ui-index-934aeabf.mjs.map → vgip-meta-ui-index-622a5022.mjs.map} +1 -1
- package/fesm2020/{vgip-meta-ui-index-e743527e.mjs → vgip-meta-ui-index-69c3a76f.mjs} +4 -4
- package/fesm2020/{vgip-meta-ui-index-e743527e.mjs.map → vgip-meta-ui-index-69c3a76f.mjs.map} +1 -1
- package/{fesm2015/vgip-meta-ui-index-5615e618.mjs → fesm2020/vgip-meta-ui-index-816c1e8d.mjs} +2 -2
- package/fesm2020/{vgip-meta-ui-index-5615e618.mjs.map → vgip-meta-ui-index-816c1e8d.mjs.map} +1 -1
- package/fesm2020/{vgip-meta-ui-index-fa0b1b8b.mjs → vgip-meta-ui-index-8aadb675.mjs} +2 -2
- package/fesm2020/{vgip-meta-ui-index-fa0b1b8b.mjs.map → vgip-meta-ui-index-8aadb675.mjs.map} +1 -1
- package/{fesm2015/vgip-meta-ui-index-0068fb77.mjs → fesm2020/vgip-meta-ui-index-b6efcb69.mjs} +2 -2
- package/fesm2020/{vgip-meta-ui-index-0068fb77.mjs.map → vgip-meta-ui-index-b6efcb69.mjs.map} +1 -1
- package/fesm2020/{vgip-meta-ui-index-9b5ee0c4.mjs → vgip-meta-ui-index-dc66cfee.mjs} +2 -2
- package/fesm2020/{vgip-meta-ui-index-9b5ee0c4.mjs.map → vgip-meta-ui-index-dc66cfee.mjs.map} +1 -1
- package/fesm2020/{vgip-meta-ui-index-3907f4b1.mjs → vgip-meta-ui-index-dc6a78cb.mjs} +4 -4
- package/fesm2020/{vgip-meta-ui-index-3907f4b1.mjs.map → vgip-meta-ui-index-dc6a78cb.mjs.map} +1 -1
- package/fesm2020/vgip-meta-ui-index-e8a7273d.mjs +74 -0
- package/fesm2020/vgip-meta-ui-index-e8a7273d.mjs.map +1 -0
- package/fesm2020/vgip-meta-ui.mjs +16 -16
- package/lib/fieldAbstract.d.ts +2 -1
- package/lib/metaField/index.d.ts +2 -1
- package/package.json +1 -1
- package/fesm2015/vgip-meta-ui-fieldAbstract-2d0882f1.mjs.map +0 -1
- package/fesm2015/vgip-meta-ui-index-4d489d76.mjs.map +0 -1
- package/fesm2015/vgip-meta-ui-index-6a77fa96.mjs +0 -74
- package/fesm2015/vgip-meta-ui-index-6a77fa96.mjs.map +0 -1
- package/fesm2020/vgip-meta-ui-fieldAbstract-2d0882f1.mjs.map +0 -1
- package/fesm2020/vgip-meta-ui-index-6f96198b.mjs.map +0 -1
- package/fesm2020/vgip-meta-ui-index-710246ac.mjs +0 -73
- package/fesm2020/vgip-meta-ui-index-710246ac.mjs.map +0 -1
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component } from '@angular/core';
|
|
3
|
-
import { F as FieldAbstract } from './vgip-meta-ui-fieldAbstract-2d0882f1.mjs';
|
|
4
|
-
import * as i2 from '@angular/forms';
|
|
5
|
-
import { ControlContainer, NgForm } from '@angular/forms';
|
|
6
|
-
import * as i1 from '@angular/common';
|
|
7
|
-
import { M as MetaField } from './vgip-meta-ui-index-e8e3b16a.mjs';
|
|
8
|
-
import { M as MetaModelPipe } from './vgip-meta-ui-metaModel.pipe-725f401c.mjs';
|
|
9
|
-
import 'rxjs';
|
|
10
|
-
import 'rxjs/operators';
|
|
11
|
-
|
|
12
|
-
class FieldList extends FieldAbstract {
|
|
13
|
-
constructor() {
|
|
14
|
-
super(...arguments);
|
|
15
|
-
this.items = [];
|
|
16
|
-
}
|
|
17
|
-
get list() {
|
|
18
|
-
return this.meta.list || this.meta.reference;
|
|
19
|
-
}
|
|
20
|
-
get cloneList() {
|
|
21
|
-
return JSON.parse(JSON.stringify(this.list));
|
|
22
|
-
}
|
|
23
|
-
ngOnInit() {
|
|
24
|
-
const origValue = this.parent[this.meta.name];
|
|
25
|
-
Object.defineProperty(this.parent, this.meta.name, {
|
|
26
|
-
set: (value) => {
|
|
27
|
-
this.model = [];
|
|
28
|
-
if (value && value.length) {
|
|
29
|
-
for (const i of value) {
|
|
30
|
-
if (this.model.indexOf(i) === -1) {
|
|
31
|
-
this.model.push(i);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
this.value = this.model;
|
|
36
|
-
this.meta.$optional = this.isOptional;
|
|
37
|
-
},
|
|
38
|
-
get: () => this.value,
|
|
39
|
-
enumerable: true,
|
|
40
|
-
configurable: true
|
|
41
|
-
});
|
|
42
|
-
if (origValue) {
|
|
43
|
-
this.parent[this.meta.name] = origValue;
|
|
44
|
-
}
|
|
45
|
-
if (!this.model && this.validations.min) {
|
|
46
|
-
for (let i = 0; i < this.validations.min; i++) {
|
|
47
|
-
this.add();
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
add() {
|
|
52
|
-
if (!this.model) {
|
|
53
|
-
this.model = [];
|
|
54
|
-
}
|
|
55
|
-
if (!this.validations.max || (this.validations.max > this.model.length)) {
|
|
56
|
-
this.model.push({});
|
|
57
|
-
this.value = this.model;
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
remove(itemIndex) {
|
|
61
|
-
this.model.splice(itemIndex, 1);
|
|
62
|
-
this.value = this.model;
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
FieldList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: FieldList, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
66
|
-
FieldList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: FieldList, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div *ngIf='true' class=\"Vlt-form__element\" [ngClass]=\"{ 'Vlt-form__element--error': (f | metaModel)._parent.submitted && f.invalid }\">\n <label class=\"Vlt-label\">{{meta.label || meta.name}} ({{(model || []).length}})<span *ngIf='validations.required' class='Vlt-red'>*</span></label>\n <small style='margin-bottom: 4px;' *ngIf='meta.hint' class=\"Vlt-form__element__hint\">{{meta.hint}}</small>\n <input class='model' type='hidden' [required]='validations.required' [(ngModel)]='model' #f='ngModel' [name]='name' />\n <ng-container *ngIf='model'>\n <div *ngFor='let item of model; let i = index;' style='display: flex; border-bottom: 1px solid var(--vgip-meta-separator-color);'>\n <vgip-meta-field style='flex: 1;' [index]='i' [meta]='cloneList' [parent]='item' [integrationCode]='integrationCode' [resourceType]='meta.resourceType || resourceType' theme='inherit'></vgip-meta-field>\n <vgip-meta-field *ngIf='meta.selectable' [meta]=\"{ name: meta.selectable.name, label: ' ', type: 'radio', options: [ { id: meta.selectable.value, label: meta.selectable.label } ] }\" [parent]='item' [integrationCode]='integrationCode' theme='inherit' style='margin-left: 12px; margin-top: 12px; margin-right: -12px;'></vgip-meta-field>\n <div style='padding-left: 12px; margin-top: 3px;'>\n <button type='button' (click)='remove(i)' class=\"Vlt-btn Vlt-btn--link item-remove-button\" [disabled]='model.length === (validations.min || 0)' aria-label='Remove'>\n <svg><use xlink:href=\"volta/volta-icons.svg#Vlt-icon-bin\"/></svg>\n </button>\n </div>\n </div>\n </ng-container>\n <button *ngIf='!validations.max || !model || model.length < validations.max' style='width: 100%;' type='button' (click)='add()' class=\"Vlt-btn Vlt-btn--small Vlt-btn--tertiary Vlt-btn--app Vlt-btn--no-focus item-add-button\" [disabled]='validations.max && model && model.length === validations.max'>\n <svg><use xlink:href=\"volta/volta-icons.svg#Vlt-icon-plus\"/></svg>{{list.label}}\n </button>\n <small *ngIf='(f | metaModel)._parent.submitted && f.invalid' class=\"Vlt-form__element__error\">\n <span *ngIf=\"f.errors.required\">Required</span>\n <span *ngIf=\"f.errors.maxlength\">Length can not exceed {{validations.maxlength}} characters</span>\n <span *ngIf=\"f.errors.custom\">{{f.errors.custom}} </span>\n </small>\n <small *ngIf='meta.helpText' class=\"Vlt-form__element__hint\">{{meta.helpText}}</small>\n</div>\n", styles: [".Vlt-btn--link:not([disabled]) svg{fill:#e84545}.Vlt-btn--link:not([disabled]):hover svg{fill:#de1c1c}.item-add-button{background-color:var(--vgip-meta-input-action-hover-bg-color);color:var(--vgip-meta-input-color)}.item-add-button svg{fill:var(--vgip-meta-input-color)}.item-add-button:hover{transform:scale(1.02);box-shadow:inset 0 0 0 1px var(--vgip-meta-input-active-border-color)}.item-remove-button{border:0}.item-remove-button:disabled{cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: MetaField, selector: "vgip-meta-field", inputs: ["meta", "parent", "integrationCode", "resourceType", "index", "preview", "theme"], outputs: ["onChange", "onLeave"] }, { kind: "pipe", type: MetaModelPipe, name: "metaModel" }], viewProviders: [{ provide: ControlContainer, useExisting: NgForm }] });
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: FieldList, decorators: [{
|
|
68
|
-
type: Component,
|
|
69
|
-
args: [{ viewProviders: [{ provide: ControlContainer, useExisting: NgForm }], template: "<div *ngIf='true' class=\"Vlt-form__element\" [ngClass]=\"{ 'Vlt-form__element--error': (f | metaModel)._parent.submitted && f.invalid }\">\n <label class=\"Vlt-label\">{{meta.label || meta.name}} ({{(model || []).length}})<span *ngIf='validations.required' class='Vlt-red'>*</span></label>\n <small style='margin-bottom: 4px;' *ngIf='meta.hint' class=\"Vlt-form__element__hint\">{{meta.hint}}</small>\n <input class='model' type='hidden' [required]='validations.required' [(ngModel)]='model' #f='ngModel' [name]='name' />\n <ng-container *ngIf='model'>\n <div *ngFor='let item of model; let i = index;' style='display: flex; border-bottom: 1px solid var(--vgip-meta-separator-color);'>\n <vgip-meta-field style='flex: 1;' [index]='i' [meta]='cloneList' [parent]='item' [integrationCode]='integrationCode' [resourceType]='meta.resourceType || resourceType' theme='inherit'></vgip-meta-field>\n <vgip-meta-field *ngIf='meta.selectable' [meta]=\"{ name: meta.selectable.name, label: ' ', type: 'radio', options: [ { id: meta.selectable.value, label: meta.selectable.label } ] }\" [parent]='item' [integrationCode]='integrationCode' theme='inherit' style='margin-left: 12px; margin-top: 12px; margin-right: -12px;'></vgip-meta-field>\n <div style='padding-left: 12px; margin-top: 3px;'>\n <button type='button' (click)='remove(i)' class=\"Vlt-btn Vlt-btn--link item-remove-button\" [disabled]='model.length === (validations.min || 0)' aria-label='Remove'>\n <svg><use xlink:href=\"volta/volta-icons.svg#Vlt-icon-bin\"/></svg>\n </button>\n </div>\n </div>\n </ng-container>\n <button *ngIf='!validations.max || !model || model.length < validations.max' style='width: 100%;' type='button' (click)='add()' class=\"Vlt-btn Vlt-btn--small Vlt-btn--tertiary Vlt-btn--app Vlt-btn--no-focus item-add-button\" [disabled]='validations.max && model && model.length === validations.max'>\n <svg><use xlink:href=\"volta/volta-icons.svg#Vlt-icon-plus\"/></svg>{{list.label}}\n </button>\n <small *ngIf='(f | metaModel)._parent.submitted && f.invalid' class=\"Vlt-form__element__error\">\n <span *ngIf=\"f.errors.required\">Required</span>\n <span *ngIf=\"f.errors.maxlength\">Length can not exceed {{validations.maxlength}} characters</span>\n <span *ngIf=\"f.errors.custom\">{{f.errors.custom}} </span>\n </small>\n <small *ngIf='meta.helpText' class=\"Vlt-form__element__hint\">{{meta.helpText}}</small>\n</div>\n", styles: [".Vlt-btn--link:not([disabled]) svg{fill:#e84545}.Vlt-btn--link:not([disabled]):hover svg{fill:#de1c1c}.item-add-button{background-color:var(--vgip-meta-input-action-hover-bg-color);color:var(--vgip-meta-input-color)}.item-add-button svg{fill:var(--vgip-meta-input-color)}.item-add-button:hover{transform:scale(1.02);box-shadow:inset 0 0 0 1px var(--vgip-meta-input-active-border-color)}.item-remove-button{border:0}.item-remove-button:disabled{cursor:not-allowed}\n"] }]
|
|
70
|
-
}] });
|
|
71
|
-
|
|
72
|
-
export { FieldList };
|
|
73
|
-
//# sourceMappingURL=vgip-meta-ui-index-710246ac.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"vgip-meta-ui-index-710246ac.mjs","sources":["../../../projects/meta-ui/src/lib/fieldList/index.ts","../../../projects/meta-ui/src/lib/fieldList/view.html"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { FieldAbstract } from '../fieldAbstract';\nimport { ControlContainer, NgForm } from '@angular/forms';\n\n@Component({\n templateUrl: './view.html',\n styleUrls: ['./style.scss'],\n viewProviders: [{ provide: ControlContainer, useExisting: NgForm }]\n})\nexport class FieldList extends FieldAbstract implements OnInit {\n items: Array<any> = [];\n value: any;\n\n get list() {\n return this.meta.list || this.meta.reference;\n }\n\n get cloneList() {\n return JSON.parse(JSON.stringify(this.list));\n }\n\n ngOnInit() {\n const origValue = this.parent[this.meta.name];\n Object.defineProperty(this.parent, this.meta.name, {\n set: (value) => {\n this.model = [];\n if (value && value.length) {\n for (const i of value) {\n if (this.model.indexOf(i) === -1) {\n this.model.push(i);\n }\n }\n }\n this.value = this.model;\n this.meta.$optional = this.isOptional;\n },\n get: () => this.value,\n enumerable: true,\n configurable: true\n });\n if (origValue) {\n this.parent[this.meta.name] = origValue;\n }\n if (!this.model && this.validations.min) {\n for (let i = 0; i < this.validations.min; i++) {\n this.add();\n }\n }\n }\n\n add() {\n if (!this.model) {\n this.model = [];\n }\n if (!this.validations.max || (this.validations.max > this.model.length)) {\n this.model.push({});\n this.value = this.model;\n }\n }\n\n remove(itemIndex) {\n this.model.splice(itemIndex, 1);\n this.value = this.model;\n }\n}\n","<div *ngIf='true' class=\"Vlt-form__element\" [ngClass]=\"{ 'Vlt-form__element--error': (f | metaModel)._parent.submitted && f.invalid }\">\n <label class=\"Vlt-label\">{{meta.label || meta.name}} ({{(model || []).length}})<span *ngIf='validations.required' class='Vlt-red'>*</span></label>\n <small style='margin-bottom: 4px;' *ngIf='meta.hint' class=\"Vlt-form__element__hint\">{{meta.hint}}</small>\n <input class='model' type='hidden' [required]='validations.required' [(ngModel)]='model' #f='ngModel' [name]='name' />\n <ng-container *ngIf='model'>\n <div *ngFor='let item of model; let i = index;' style='display: flex; border-bottom: 1px solid var(--vgip-meta-separator-color);'>\n <vgip-meta-field style='flex: 1;' [index]='i' [meta]='cloneList' [parent]='item' [integrationCode]='integrationCode' [resourceType]='meta.resourceType || resourceType' theme='inherit'></vgip-meta-field>\n <vgip-meta-field *ngIf='meta.selectable' [meta]=\"{ name: meta.selectable.name, label: ' ', type: 'radio', options: [ { id: meta.selectable.value, label: meta.selectable.label } ] }\" [parent]='item' [integrationCode]='integrationCode' theme='inherit' style='margin-left: 12px; margin-top: 12px; margin-right: -12px;'></vgip-meta-field>\n <div style='padding-left: 12px; margin-top: 3px;'>\n <button type='button' (click)='remove(i)' class=\"Vlt-btn Vlt-btn--link item-remove-button\" [disabled]='model.length === (validations.min || 0)' aria-label='Remove'>\n <svg><use xlink:href=\"volta/volta-icons.svg#Vlt-icon-bin\"/></svg>\n </button>\n </div>\n </div>\n </ng-container>\n <button *ngIf='!validations.max || !model || model.length < validations.max' style='width: 100%;' type='button' (click)='add()' class=\"Vlt-btn Vlt-btn--small Vlt-btn--tertiary Vlt-btn--app Vlt-btn--no-focus item-add-button\" [disabled]='validations.max && model && model.length === validations.max'>\n <svg><use xlink:href=\"volta/volta-icons.svg#Vlt-icon-plus\"/></svg>{{list.label}}\n </button>\n <small *ngIf='(f | metaModel)._parent.submitted && f.invalid' class=\"Vlt-form__element__error\">\n <span *ngIf=\"f.errors.required\">Required</span>\n <span *ngIf=\"f.errors.maxlength\">Length can not exceed {{validations.maxlength}} characters</span>\n <span *ngIf=\"f.errors.custom\">{{f.errors.custom}} </span>\n </small>\n <small *ngIf='meta.helpText' class=\"Vlt-form__element__hint\">{{meta.helpText}}</small>\n</div>\n"],"names":["i3.MetaField","i4.MetaModelPipe"],"mappings":"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"}
|