@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.
Files changed (75) hide show
  1. package/esm2020/lib/fieldAbstract.mjs +3 -2
  2. package/esm2020/lib/fieldComposite/index.mjs +4 -3
  3. package/esm2020/lib/fieldList/index.mjs +4 -3
  4. package/esm2020/lib/fieldReference/index.mjs +2 -2
  5. package/esm2020/lib/layout/index.mjs +1 -1
  6. package/esm2020/lib/metaField/index.mjs +5 -2
  7. package/fesm2015/{vgip-meta-ui-fieldAbstract-2d0882f1.mjs → vgip-meta-ui-fieldAbstract-adcbaef3.mjs} +3 -2
  8. package/fesm2015/vgip-meta-ui-fieldAbstract-adcbaef3.mjs.map +1 -0
  9. package/fesm2015/{vgip-meta-ui-index-92be02c0.mjs → vgip-meta-ui-index-02c81b5e.mjs} +17 -14
  10. package/fesm2015/{vgip-meta-ui-index-92be02c0.mjs.map → vgip-meta-ui-index-02c81b5e.mjs.map} +1 -1
  11. package/{fesm2020/vgip-meta-ui-index-3d8c2fcd.mjs → fesm2015/vgip-meta-ui-index-1b7f3a8e.mjs} +5 -5
  12. package/fesm2015/{vgip-meta-ui-index-a308ba4f.mjs.map → vgip-meta-ui-index-1b7f3a8e.mjs.map} +1 -1
  13. package/fesm2015/{vgip-meta-ui-index-6bd006d4.mjs → vgip-meta-ui-index-25ea0320.mjs} +4 -4
  14. package/fesm2015/{vgip-meta-ui-index-6bd006d4.mjs.map → vgip-meta-ui-index-25ea0320.mjs.map} +1 -1
  15. package/fesm2015/vgip-meta-ui-index-5ba22e31.mjs +75 -0
  16. package/fesm2015/vgip-meta-ui-index-5ba22e31.mjs.map +1 -0
  17. package/fesm2015/{vgip-meta-ui-index-65c10356.mjs → vgip-meta-ui-index-5fa91bd2.mjs} +2 -2
  18. package/fesm2015/{vgip-meta-ui-index-65c10356.mjs.map → vgip-meta-ui-index-5fa91bd2.mjs.map} +1 -1
  19. package/fesm2015/{vgip-meta-ui-index-8f5be5a7.mjs → vgip-meta-ui-index-611bd23f.mjs} +2 -2
  20. package/fesm2015/{vgip-meta-ui-index-8f5be5a7.mjs.map → vgip-meta-ui-index-611bd23f.mjs.map} +1 -1
  21. package/fesm2015/{vgip-meta-ui-index-934aeabf.mjs → vgip-meta-ui-index-622a5022.mjs} +2 -2
  22. package/fesm2015/{vgip-meta-ui-index-934aeabf.mjs.map → vgip-meta-ui-index-622a5022.mjs.map} +1 -1
  23. package/fesm2015/{vgip-meta-ui-index-4d489d76.mjs → vgip-meta-ui-index-7bfbd257.mjs} +6 -5
  24. package/fesm2015/vgip-meta-ui-index-7bfbd257.mjs.map +1 -0
  25. package/{fesm2020/vgip-meta-ui-index-5615e618.mjs → fesm2015/vgip-meta-ui-index-816c1e8d.mjs} +2 -2
  26. package/fesm2015/{vgip-meta-ui-index-5615e618.mjs.map → vgip-meta-ui-index-816c1e8d.mjs.map} +1 -1
  27. package/fesm2015/{vgip-meta-ui-index-fa0b1b8b.mjs → vgip-meta-ui-index-8aadb675.mjs} +2 -2
  28. package/fesm2015/{vgip-meta-ui-index-fa0b1b8b.mjs.map → vgip-meta-ui-index-8aadb675.mjs.map} +1 -1
  29. package/{fesm2020/vgip-meta-ui-index-0068fb77.mjs → fesm2015/vgip-meta-ui-index-b6efcb69.mjs} +2 -2
  30. package/fesm2015/{vgip-meta-ui-index-0068fb77.mjs.map → vgip-meta-ui-index-b6efcb69.mjs.map} +1 -1
  31. package/fesm2015/{vgip-meta-ui-index-9b5ee0c4.mjs → vgip-meta-ui-index-dc66cfee.mjs} +2 -2
  32. package/fesm2015/{vgip-meta-ui-index-9b5ee0c4.mjs.map → vgip-meta-ui-index-dc66cfee.mjs.map} +1 -1
  33. package/fesm2015/{vgip-meta-ui-index-def34ca9.mjs → vgip-meta-ui-index-f0b62a08.mjs} +4 -4
  34. package/fesm2015/{vgip-meta-ui-index-def34ca9.mjs.map → vgip-meta-ui-index-f0b62a08.mjs.map} +1 -1
  35. package/fesm2015/vgip-meta-ui.mjs +16 -16
  36. package/fesm2020/{vgip-meta-ui-fieldAbstract-2d0882f1.mjs → vgip-meta-ui-fieldAbstract-adcbaef3.mjs} +3 -2
  37. package/fesm2020/vgip-meta-ui-fieldAbstract-adcbaef3.mjs.map +1 -0
  38. package/{fesm2015/vgip-meta-ui-index-a308ba4f.mjs → fesm2020/vgip-meta-ui-index-08777431.mjs} +5 -5
  39. package/fesm2020/{vgip-meta-ui-index-3d8c2fcd.mjs.map → vgip-meta-ui-index-08777431.mjs.map} +1 -1
  40. package/fesm2020/{vgip-meta-ui-index-6f96198b.mjs → vgip-meta-ui-index-39abb8ac.mjs} +6 -5
  41. package/fesm2020/vgip-meta-ui-index-39abb8ac.mjs.map +1 -0
  42. package/fesm2020/{vgip-meta-ui-index-e8e3b16a.mjs → vgip-meta-ui-index-525a51b9.mjs} +17 -14
  43. package/fesm2020/{vgip-meta-ui-index-e8e3b16a.mjs.map → vgip-meta-ui-index-525a51b9.mjs.map} +1 -1
  44. package/fesm2020/{vgip-meta-ui-index-65c10356.mjs → vgip-meta-ui-index-5fa91bd2.mjs} +2 -2
  45. package/fesm2020/{vgip-meta-ui-index-65c10356.mjs.map → vgip-meta-ui-index-5fa91bd2.mjs.map} +1 -1
  46. package/fesm2020/{vgip-meta-ui-index-8f5be5a7.mjs → vgip-meta-ui-index-611bd23f.mjs} +2 -2
  47. package/fesm2020/{vgip-meta-ui-index-8f5be5a7.mjs.map → vgip-meta-ui-index-611bd23f.mjs.map} +1 -1
  48. package/fesm2020/{vgip-meta-ui-index-934aeabf.mjs → vgip-meta-ui-index-622a5022.mjs} +2 -2
  49. package/fesm2020/{vgip-meta-ui-index-934aeabf.mjs.map → vgip-meta-ui-index-622a5022.mjs.map} +1 -1
  50. package/fesm2020/{vgip-meta-ui-index-e743527e.mjs → vgip-meta-ui-index-69c3a76f.mjs} +4 -4
  51. package/fesm2020/{vgip-meta-ui-index-e743527e.mjs.map → vgip-meta-ui-index-69c3a76f.mjs.map} +1 -1
  52. package/{fesm2015/vgip-meta-ui-index-5615e618.mjs → fesm2020/vgip-meta-ui-index-816c1e8d.mjs} +2 -2
  53. package/fesm2020/{vgip-meta-ui-index-5615e618.mjs.map → vgip-meta-ui-index-816c1e8d.mjs.map} +1 -1
  54. package/fesm2020/{vgip-meta-ui-index-fa0b1b8b.mjs → vgip-meta-ui-index-8aadb675.mjs} +2 -2
  55. package/fesm2020/{vgip-meta-ui-index-fa0b1b8b.mjs.map → vgip-meta-ui-index-8aadb675.mjs.map} +1 -1
  56. package/{fesm2015/vgip-meta-ui-index-0068fb77.mjs → fesm2020/vgip-meta-ui-index-b6efcb69.mjs} +2 -2
  57. package/fesm2020/{vgip-meta-ui-index-0068fb77.mjs.map → vgip-meta-ui-index-b6efcb69.mjs.map} +1 -1
  58. package/fesm2020/{vgip-meta-ui-index-9b5ee0c4.mjs → vgip-meta-ui-index-dc66cfee.mjs} +2 -2
  59. package/fesm2020/{vgip-meta-ui-index-9b5ee0c4.mjs.map → vgip-meta-ui-index-dc66cfee.mjs.map} +1 -1
  60. package/fesm2020/{vgip-meta-ui-index-3907f4b1.mjs → vgip-meta-ui-index-dc6a78cb.mjs} +4 -4
  61. package/fesm2020/{vgip-meta-ui-index-3907f4b1.mjs.map → vgip-meta-ui-index-dc6a78cb.mjs.map} +1 -1
  62. package/fesm2020/vgip-meta-ui-index-e8a7273d.mjs +74 -0
  63. package/fesm2020/vgip-meta-ui-index-e8a7273d.mjs.map +1 -0
  64. package/fesm2020/vgip-meta-ui.mjs +16 -16
  65. package/lib/fieldAbstract.d.ts +2 -1
  66. package/lib/metaField/index.d.ts +2 -1
  67. package/package.json +1 -1
  68. package/fesm2015/vgip-meta-ui-fieldAbstract-2d0882f1.mjs.map +0 -1
  69. package/fesm2015/vgip-meta-ui-index-4d489d76.mjs.map +0 -1
  70. package/fesm2015/vgip-meta-ui-index-6a77fa96.mjs +0 -74
  71. package/fesm2015/vgip-meta-ui-index-6a77fa96.mjs.map +0 -1
  72. package/fesm2020/vgip-meta-ui-fieldAbstract-2d0882f1.mjs.map +0 -1
  73. package/fesm2020/vgip-meta-ui-index-6f96198b.mjs.map +0 -1
  74. package/fesm2020/vgip-meta-ui-index-710246ac.mjs +0 -73
  75. 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}}&nbsp;</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}}&nbsp;</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}}&nbsp;</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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"}