@vgip/meta-ui 1.5.6 → 1.5.7
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 +6 -6
- package/esm2020/lib/fieldComposite/index.mjs +65 -0
- package/esm2020/lib/fieldList/index.mjs +68 -0
- package/esm2020/lib/fieldReference/index.mjs +823 -0
- package/esm2020/lib/fieldSelect/index.mjs +481 -0
- package/esm2020/lib/index.mjs +10 -18
- package/esm2020/lib/layout/index.mjs +151 -0
- package/esm2020/lib/metaField/index.mjs +139 -0
- package/esm2020/lib/refDialog/index.mjs +127 -0
- package/esm2020/lib/resource/index.mjs +480 -0
- package/esm2020/lib/resourceCard/index.mjs +42 -0
- package/esm2020/lib/services/metaReference/index.mjs +2 -3
- package/fesm2015/vgip-meta-ui-fieldAbstract-2d0882f1.mjs +382 -0
- package/fesm2015/vgip-meta-ui-fieldAbstract-2d0882f1.mjs.map +1 -0
- package/fesm2015/vgip-meta-ui-index-0068fb77.mjs +368 -0
- package/fesm2015/vgip-meta-ui-index-0068fb77.mjs.map +1 -0
- package/fesm2015/vgip-meta-ui-index-1911ddae.mjs +1882 -0
- package/fesm2015/vgip-meta-ui-index-1911ddae.mjs.map +1 -0
- package/fesm2015/vgip-meta-ui-index-3488da98.mjs +130 -0
- package/fesm2015/vgip-meta-ui-index-3488da98.mjs.map +1 -0
- package/fesm2015/vgip-meta-ui-index-3f6cd57a.mjs +74 -0
- package/fesm2015/vgip-meta-ui-index-3f6cd57a.mjs.map +1 -0
- package/fesm2015/vgip-meta-ui-index-5615e618.mjs +95 -0
- package/fesm2015/vgip-meta-ui-index-5615e618.mjs.map +1 -0
- package/fesm2015/vgip-meta-ui-index-65c10356.mjs +57 -0
- package/fesm2015/vgip-meta-ui-index-65c10356.mjs.map +1 -0
- package/fesm2015/vgip-meta-ui-index-6dcd556a.mjs +145 -0
- package/fesm2015/vgip-meta-ui-index-6dcd556a.mjs.map +1 -0
- package/fesm2015/vgip-meta-ui-index-8f5be5a7.mjs +24 -0
- package/fesm2015/vgip-meta-ui-index-8f5be5a7.mjs.map +1 -0
- package/fesm2015/vgip-meta-ui-index-934aeabf.mjs +68 -0
- package/fesm2015/vgip-meta-ui-index-934aeabf.mjs.map +1 -0
- package/fesm2015/vgip-meta-ui-index-9b5ee0c4.mjs +88 -0
- package/fesm2015/vgip-meta-ui-index-9b5ee0c4.mjs.map +1 -0
- package/fesm2015/vgip-meta-ui-index-b925a3a8.mjs +856 -0
- package/fesm2015/vgip-meta-ui-index-b925a3a8.mjs.map +1 -0
- package/fesm2015/vgip-meta-ui-index-dc1b440d.mjs +489 -0
- package/fesm2015/vgip-meta-ui-index-dc1b440d.mjs.map +1 -0
- package/fesm2015/vgip-meta-ui-index-f026e8e5.mjs +71 -0
- package/fesm2015/vgip-meta-ui-index-f026e8e5.mjs.map +1 -0
- package/fesm2015/vgip-meta-ui-index-fa0b1b8b.mjs +460 -0
- package/fesm2015/vgip-meta-ui-index-fa0b1b8b.mjs.map +1 -0
- package/fesm2015/vgip-meta-ui-metaModel.pipe-725f401c.mjs +28 -0
- package/fesm2015/vgip-meta-ui-metaModel.pipe-725f401c.mjs.map +1 -0
- package/fesm2015/vgip-meta-ui-relativeTimeBuilder-31791ce4.mjs +51 -0
- package/fesm2015/vgip-meta-ui-relativeTimeBuilder-31791ce4.mjs.map +1 -0
- package/fesm2015/vgip-meta-ui.mjs +40 -5083
- package/fesm2015/vgip-meta-ui.mjs.map +1 -1
- package/fesm2020/vgip-meta-ui-fieldAbstract-2d0882f1.mjs +382 -0
- package/fesm2020/vgip-meta-ui-fieldAbstract-2d0882f1.mjs.map +1 -0
- package/fesm2020/vgip-meta-ui-index-0068fb77.mjs +368 -0
- package/fesm2020/vgip-meta-ui-index-0068fb77.mjs.map +1 -0
- package/fesm2020/vgip-meta-ui-index-1a54864a.mjs +70 -0
- package/fesm2020/vgip-meta-ui-index-1a54864a.mjs.map +1 -0
- package/fesm2020/vgip-meta-ui-index-2e6b2b56.mjs +73 -0
- package/fesm2020/vgip-meta-ui-index-2e6b2b56.mjs.map +1 -0
- package/fesm2020/vgip-meta-ui-index-3488da98.mjs +130 -0
- package/fesm2020/vgip-meta-ui-index-3488da98.mjs.map +1 -0
- package/fesm2020/vgip-meta-ui-index-5615e618.mjs +95 -0
- package/fesm2020/vgip-meta-ui-index-5615e618.mjs.map +1 -0
- package/fesm2020/vgip-meta-ui-index-65c10356.mjs +57 -0
- package/fesm2020/vgip-meta-ui-index-65c10356.mjs.map +1 -0
- package/fesm2020/vgip-meta-ui-index-7f4f2d15.mjs +142 -0
- package/fesm2020/vgip-meta-ui-index-7f4f2d15.mjs.map +1 -0
- package/fesm2020/vgip-meta-ui-index-8f5be5a7.mjs +24 -0
- package/fesm2020/vgip-meta-ui-index-8f5be5a7.mjs.map +1 -0
- package/fesm2020/vgip-meta-ui-index-934aeabf.mjs +68 -0
- package/fesm2020/vgip-meta-ui-index-934aeabf.mjs.map +1 -0
- package/fesm2020/vgip-meta-ui-index-9b33fba1.mjs +856 -0
- package/fesm2020/vgip-meta-ui-index-9b33fba1.mjs.map +1 -0
- package/fesm2020/vgip-meta-ui-index-9b590fc8.mjs +488 -0
- package/fesm2020/vgip-meta-ui-index-9b590fc8.mjs.map +1 -0
- package/fesm2020/vgip-meta-ui-index-9b5ee0c4.mjs +88 -0
- package/fesm2020/vgip-meta-ui-index-9b5ee0c4.mjs.map +1 -0
- package/fesm2020/vgip-meta-ui-index-e73dc574.mjs +1879 -0
- package/fesm2020/vgip-meta-ui-index-e73dc574.mjs.map +1 -0
- package/fesm2020/vgip-meta-ui-index-fa0b1b8b.mjs +460 -0
- package/fesm2020/vgip-meta-ui-index-fa0b1b8b.mjs.map +1 -0
- package/fesm2020/vgip-meta-ui-metaModel.pipe-725f401c.mjs +28 -0
- package/fesm2020/vgip-meta-ui-metaModel.pipe-725f401c.mjs.map +1 -0
- package/fesm2020/vgip-meta-ui-relativeTimeBuilder-31791ce4.mjs +51 -0
- package/fesm2020/vgip-meta-ui-relativeTimeBuilder-31791ce4.mjs.map +1 -0
- package/fesm2020/vgip-meta-ui.mjs +39 -5083
- package/fesm2020/vgip-meta-ui.mjs.map +1 -1
- package/lib/fieldComposite/index.d.ts +12 -0
- package/lib/fieldList/index.d.ts +14 -0
- package/lib/fieldReference/index.d.ts +73 -0
- package/lib/fieldSelect/index.d.ts +48 -0
- package/lib/index.d.ts +31 -23
- package/lib/layout/index.d.ts +39 -0
- package/lib/metaField/index.d.ts +26 -0
- package/lib/refDialog/index.d.ts +33 -0
- package/lib/resource/index.d.ts +58 -0
- package/lib/resourceCard/index.d.ts +18 -0
- package/lib/services/metaReference/index.d.ts +1 -1
- package/package.json +1 -1
- package/esm2020/lib/field.mjs +0 -2325
- package/lib/field.d.ts +0 -292
|
@@ -0,0 +1,24 @@
|
|
|
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 i1 from '@angular/common';
|
|
5
|
+
import 'rxjs';
|
|
6
|
+
import 'rxjs/operators';
|
|
7
|
+
|
|
8
|
+
/*
|
|
9
|
+
* @Author: Alexander.Vangelov@vonage.com
|
|
10
|
+
* @Date: 2019-09-19 17:35:19
|
|
11
|
+
* @Last Modified by: Alexander.Vangelov@vonage.com
|
|
12
|
+
* @Last Modified time: 2019-11-15 13:04:01
|
|
13
|
+
*/
|
|
14
|
+
class FieldUnknown extends FieldAbstract {
|
|
15
|
+
}
|
|
16
|
+
FieldUnknown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: FieldUnknown, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
+
FieldUnknown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: FieldUnknown, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"Vlt-form__element Vlt-form__element--big\">\n <div class=\"Vlt-input\">\n <input class='main model' type=\"text\" placeholder=\"\" value=\"Unknown field type '{{meta.type}}'.\" disabled/>\n <label class=\"Vlt-label Vlt-truncate\" style='padding-right: 20px;'>{{meta.label || meta.name}}</label>\n </div>\n <small *ngIf='meta.hint' class=\"Vlt-form__element__hint\">{{meta.hint}}</small>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: FieldUnknown, decorators: [{
|
|
19
|
+
type: Component,
|
|
20
|
+
args: [{ template: "<div class=\"Vlt-form__element Vlt-form__element--big\">\n <div class=\"Vlt-input\">\n <input class='main model' type=\"text\" placeholder=\"\" value=\"Unknown field type '{{meta.type}}'.\" disabled/>\n <label class=\"Vlt-label Vlt-truncate\" style='padding-right: 20px;'>{{meta.label || meta.name}}</label>\n </div>\n <small *ngIf='meta.hint' class=\"Vlt-form__element__hint\">{{meta.hint}}</small>\n</div>" }]
|
|
21
|
+
}] });
|
|
22
|
+
|
|
23
|
+
export { FieldUnknown };
|
|
24
|
+
//# sourceMappingURL=vgip-meta-ui-index-8f5be5a7.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vgip-meta-ui-index-8f5be5a7.mjs","sources":["../../../projects/meta-ui/src/lib/fieldUnknown/index.ts","../../../projects/meta-ui/src/lib/fieldUnknown/view.html"],"sourcesContent":["/*\n * @Author: Alexander.Vangelov@vonage.com \n * @Date: 2019-09-19 17:35:19 \n * @Last Modified by: Alexander.Vangelov@vonage.com\n * @Last Modified time: 2019-11-15 13:04:01\n */\n\nimport { Component, Input, OnInit } from '@angular/core';\nimport { FieldAbstract } from '../fieldAbstract';\n\n@Component({\n templateUrl: './view.html'\n})\nexport class FieldUnknown extends FieldAbstract {}\n","<div class=\"Vlt-form__element Vlt-form__element--big\">\n <div class=\"Vlt-input\">\n <input class='main model' type=\"text\" placeholder=\"\" value=\"Unknown field type '{{meta.type}}'.\" disabled/>\n <label class=\"Vlt-label Vlt-truncate\" style='padding-right: 20px;'>{{meta.label || meta.name}}</label>\n </div>\n <small *ngIf='meta.hint' class=\"Vlt-form__element__hint\">{{meta.hint}}</small>\n</div>"],"names":[],"mappings":";;;;;;;AAAA;;;;;AAKG;AAQG,MAAO,YAAa,SAAQ,aAAa,CAAA;;yGAAlC,YAAY,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,YAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,2ECbzB,kaAMM,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDOO,YAAY,EAAA,UAAA,EAAA,CAAA;kBAHxB,SAAS;;;;;;"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
|
+
import * as i2 from '@angular/forms';
|
|
4
|
+
import { ControlContainer, NgForm } from '@angular/forms';
|
|
5
|
+
import { F as FieldAbstract } from './vgip-meta-ui-fieldAbstract-2d0882f1.mjs';
|
|
6
|
+
import { t as templateBuilder, M as MetaContextService } from './vgip-meta-ui-index-3488da98.mjs';
|
|
7
|
+
import * as i1 from '@angular/common';
|
|
8
|
+
import { M as MetaModelPipe } from './vgip-meta-ui-metaModel.pipe-725f401c.mjs';
|
|
9
|
+
import 'rxjs';
|
|
10
|
+
import 'rxjs/operators';
|
|
11
|
+
|
|
12
|
+
/*
|
|
13
|
+
* @Author: Alexander.Vangelov@vonage.com
|
|
14
|
+
* @Date: 2019-09-19 17:35:13
|
|
15
|
+
* @Last Modified by: Alexander.Vangelov@vonage.com
|
|
16
|
+
* @Last Modified time: 2020-02-26 20:00:33
|
|
17
|
+
*/
|
|
18
|
+
class FieldText extends FieldAbstract {
|
|
19
|
+
constructor(metaContext) {
|
|
20
|
+
super();
|
|
21
|
+
this.metaContext = metaContext;
|
|
22
|
+
}
|
|
23
|
+
static setup(instance, parent, meta) {
|
|
24
|
+
const d = meta.default || meta.defaultValue;
|
|
25
|
+
if (d && !parent[meta.name]) {
|
|
26
|
+
if (typeof (d) === 'string') {
|
|
27
|
+
parent[meta.name] = d;
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
parent[meta.name] = d.id || d.value;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
ngOnInit() {
|
|
35
|
+
if (typeof (this.parent[this.meta.name]) === 'string') {
|
|
36
|
+
this.parent[this.meta.name] = templateBuilder(this.metaContext, this.parent[this.meta.name]);
|
|
37
|
+
}
|
|
38
|
+
// if (this.default && !this.model) {
|
|
39
|
+
// setTimeout(()=>{
|
|
40
|
+
// if (typeof(this.default) == 'string') {
|
|
41
|
+
// this.parent[this.meta.name] = this.default;
|
|
42
|
+
// } else {
|
|
43
|
+
// this.parent[this.meta.name] = this.default.id || this.default.value;
|
|
44
|
+
// }
|
|
45
|
+
// }, 0);
|
|
46
|
+
// }
|
|
47
|
+
}
|
|
48
|
+
onModelChangeLocal(value) {
|
|
49
|
+
if (!value && this.prevModel && this.isPersistedParent) {
|
|
50
|
+
value = '';
|
|
51
|
+
}
|
|
52
|
+
this.onModelChange(value);
|
|
53
|
+
}
|
|
54
|
+
textToSpeech() {
|
|
55
|
+
this.focus();
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
FieldText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: FieldText, deps: [{ token: MetaContextService }], target: i0.ɵɵFactoryTarget.Component });
|
|
59
|
+
FieldText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: FieldText, selector: "ng-component", inputs: { meta: "meta" }, usesInheritance: true, ngImport: i0, template: "<div class='vgip-meta-field-preview' *ngIf='preview && parent[meta.name]'>\n <div class='vgip-meta-field-label'>{{meta.label || meta.name}}</div>\n <div class='vgip-meta-field-value __gu'>{{parent[meta.name]}}</div>\n</div>\n<div *ngIf='!preview' class=\"Vlt-form__element Vlt-form__element--big\" [ngClass]=\"{ 'Vlt-form__element--error': f.invalid && ((f | metaModel)._parent.submitted || (f | metaModel ).touched) }\">\n <label class='wrapper'>\n <div class=\"Vlt-textarea\">\n <textarea class='main model' [required]='validations.required' [maxlength]='validations.maxlength' rows=\"{{ meta.rows || 4 }}\" placeholder=' ' [(ngModel)]='parent[meta.name]' (ngModelChange)=\"onModelChangeLocal($event)\" #f='ngModel' [name]='name'></textarea>\n <!-- <div class=\"Vlt-composite__append Vlt-composite__append--icon\">\n <div class=\"Vlt-composite__icon\" (click)='textToSpeech()'>\n <svg><use xlink:href=\"volta/volta-icons.svg#Vlt-icon-microphone\"/></svg>\n </div>\n </div> -->\n <label class=\"Vlt-label\">{{meta.label || meta.name}}<span *ngIf='validations.required' class='Vlt-red'>*</span></label>\n </div>\n </label>\n <small *ngIf='f.invalid && ((f | metaModel)._parent.submitted || ((f | metaModel ).touched))' 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>", styles: [".Vlt-composite__append--icon{bottom:7px;right:16px;padding:3px;width:initial;height:initial;cursor:pointer}.Vlt-composite__append--icon:hover svg{fill:#2c2d30}.Vlt-form__element--big .Vlt-textarea .Vlt-label{right:18px;background:transparent}.Vlt-form__element--error textarea{border-color:#f25a6b;background:var(--vgip-meta-input-bg-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: MetaModelPipe, name: "metaModel" }], viewProviders: [{ provide: ControlContainer, useExisting: NgForm }] });
|
|
60
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: FieldText, decorators: [{
|
|
61
|
+
type: Component,
|
|
62
|
+
args: [{ viewProviders: [{ provide: ControlContainer, useExisting: NgForm }], template: "<div class='vgip-meta-field-preview' *ngIf='preview && parent[meta.name]'>\n <div class='vgip-meta-field-label'>{{meta.label || meta.name}}</div>\n <div class='vgip-meta-field-value __gu'>{{parent[meta.name]}}</div>\n</div>\n<div *ngIf='!preview' class=\"Vlt-form__element Vlt-form__element--big\" [ngClass]=\"{ 'Vlt-form__element--error': f.invalid && ((f | metaModel)._parent.submitted || (f | metaModel ).touched) }\">\n <label class='wrapper'>\n <div class=\"Vlt-textarea\">\n <textarea class='main model' [required]='validations.required' [maxlength]='validations.maxlength' rows=\"{{ meta.rows || 4 }}\" placeholder=' ' [(ngModel)]='parent[meta.name]' (ngModelChange)=\"onModelChangeLocal($event)\" #f='ngModel' [name]='name'></textarea>\n <!-- <div class=\"Vlt-composite__append Vlt-composite__append--icon\">\n <div class=\"Vlt-composite__icon\" (click)='textToSpeech()'>\n <svg><use xlink:href=\"volta/volta-icons.svg#Vlt-icon-microphone\"/></svg>\n </div>\n </div> -->\n <label class=\"Vlt-label\">{{meta.label || meta.name}}<span *ngIf='validations.required' class='Vlt-red'>*</span></label>\n </div>\n </label>\n <small *ngIf='f.invalid && ((f | metaModel)._parent.submitted || ((f | metaModel ).touched))' 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>", styles: [".Vlt-composite__append--icon{bottom:7px;right:16px;padding:3px;width:initial;height:initial;cursor:pointer}.Vlt-composite__append--icon:hover svg{fill:#2c2d30}.Vlt-form__element--big .Vlt-textarea .Vlt-label{right:18px;background:transparent}.Vlt-form__element--error textarea{border-color:#f25a6b;background:var(--vgip-meta-input-bg-color)}\n"] }]
|
|
63
|
+
}], ctorParameters: function () { return [{ type: MetaContextService }]; }, propDecorators: { meta: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}] } });
|
|
66
|
+
|
|
67
|
+
export { FieldText };
|
|
68
|
+
//# sourceMappingURL=vgip-meta-ui-index-934aeabf.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vgip-meta-ui-index-934aeabf.mjs","sources":["../../../projects/meta-ui/src/lib/fieldText/index.ts","../../../projects/meta-ui/src/lib/fieldText/view.html"],"sourcesContent":["/*\n * @Author: Alexander.Vangelov@vonage.com\n * @Date: 2019-09-19 17:35:13\n * @Last Modified by: Alexander.Vangelov@vonage.com\n * @Last Modified time: 2020-02-26 20:00:33\n */\n\nimport { Component, Input, OnInit } from '@angular/core';\nimport { ControlContainer, NgForm } from '@angular/forms';\n\nimport { FieldAbstract } from '../fieldAbstract';\n// import { tMetaField } from '../../../metaTypes/tMetaField'\nimport { templateBuilder } from '../common/utils/templateBuilder';\nimport { MetaContextService } from '../services/metaContext';\n\n@Component({\n templateUrl: './view.html',\n styleUrls: ['./style.scss'],\n viewProviders: [ { provide: ControlContainer, useExisting: NgForm } ]\n})\nexport class FieldText extends FieldAbstract implements OnInit {\n @Input() meta: any;\n\n constructor( private metaContext: MetaContextService ) {\n super();\n }\n\n static setup(instance, parent, meta) {\n const d = meta.default || meta.defaultValue;\n if (d && !parent[meta.name]) {\n if (typeof(d) === 'string') {\n parent[meta.name] = d;\n } else {\n parent[meta.name] = d.id || d.value;\n }\n }\n }\n\n ngOnInit() {\n if (typeof(this.parent[this.meta.name]) === 'string') {\n this.parent[this.meta.name] = templateBuilder(this.metaContext, this.parent[this.meta.name]);\n }\n // if (this.default && !this.model) {\n // setTimeout(()=>{\n // if (typeof(this.default) == 'string') {\n // this.parent[this.meta.name] = this.default;\n // } else {\n // this.parent[this.meta.name] = this.default.id || this.default.value;\n // }\n // }, 0);\n // }\n }\n\n onModelChangeLocal(value) {\n if (!value && this.prevModel && this.isPersistedParent) {\n value = '';\n }\n this.onModelChange(value);\n }\n\n textToSpeech() {\n this.focus();\n }\n\n}\n","<div class='vgip-meta-field-preview' *ngIf='preview && parent[meta.name]'>\n <div class='vgip-meta-field-label'>{{meta.label || meta.name}}</div>\n <div class='vgip-meta-field-value __gu'>{{parent[meta.name]}}</div>\n</div>\n<div *ngIf='!preview' class=\"Vlt-form__element Vlt-form__element--big\" [ngClass]=\"{ 'Vlt-form__element--error': f.invalid && ((f | metaModel)._parent.submitted || (f | metaModel ).touched) }\">\n <label class='wrapper'>\n <div class=\"Vlt-textarea\">\n <textarea class='main model' [required]='validations.required' [maxlength]='validations.maxlength' rows=\"{{ meta.rows || 4 }}\" placeholder=' ' [(ngModel)]='parent[meta.name]' (ngModelChange)=\"onModelChangeLocal($event)\" #f='ngModel' [name]='name'></textarea>\n <!-- <div class=\"Vlt-composite__append Vlt-composite__append--icon\">\n <div class=\"Vlt-composite__icon\" (click)='textToSpeech()'>\n <svg><use xlink:href=\"volta/volta-icons.svg#Vlt-icon-microphone\"/></svg>\n </div>\n </div> -->\n <label class=\"Vlt-label\">{{meta.label || meta.name}}<span *ngIf='validations.required' class='Vlt-red'>*</span></label>\n </div>\n </label>\n <small *ngIf='f.invalid && ((f | metaModel)._parent.submitted || ((f | metaModel ).touched))' 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>"],"names":["i1.MetaContextService","i2","i3","i4.MetaModelPipe"],"mappings":"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"}
|