@vgip/meta-ui 1.5.6 → 1.5.8

package/fesm2020/vgip-meta-ui-index-fa0b1b8b.mjs

@@ -0,0 +1,460 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { ControlContainer, NgForm } from '@angular/forms';
+import { F as FieldAbstract } from './vgip-meta-ui-fieldAbstract-2d0882f1.mjs';
+import { t as templateBuilder, M as MetaContextService } from './vgip-meta-ui-index-3488da98.mjs';
+import { r as relativeTimeBuilder } from './vgip-meta-ui-relativeTimeBuilder-31791ce4.mjs';
+import * as i1 from '@angular/common';
+import { M as MetaModelPipe } from './vgip-meta-ui-metaModel.pipe-725f401c.mjs';
+import 'rxjs';
+import 'rxjs/operators';
+
+/*
+ * @Author: Alexander.Vangelov@vonage.com
+ * @Date: 2019-09-19 17:35:09
+ * @Last Modified by: Alexander.Vangelov@vonage.com
+ * @Last Modified time: 2020-05-12 17:45:46
+ */
+// import { MetaValidations } from '../common/decorators/metaValidations.decorator';
+class FieldInput extends FieldAbstract {
+    constructor(metaContext) {
+        super();
+        this.metaContext = metaContext;
+        this.clickout = (event) => {
+            if (event.target.className === 'Vlt-dropdown__link' && this.elementRef.nativeElement.contains(event.target)) {
+                this.focus();
+                // this.dismissDropdown();
+                // this.parent[this.meta.name] = event.target.textContent;
+            }
+            else if (event.target !== this.input && event.target.className !== 'Vlt-dropdown__title') {
+                this.dismissDropdown();
+            }
+            else {
+                this.focus();
+            }
+        };
+        this.keydown = (event) => {
+            switch (event.key) {
+                case 'ArrowDown': {
+                    if (['datetime', 'time', 'date', 'datetime-local'].indexOf(this.meta.subtype || this.meta.type) !== -1) {
+                        break;
+                    }
+                    this.showDropdown();
+                    event.preventDefault();
+                    if (typeof (this.activeSuggestionIndex) === 'undefined') {
+                        this.activeSuggestionIndex = 0;
+                    }
+                    else {
+                        this.activeSuggestionIndex++;
+                        if (this.activeSuggestionIndex >= this.suggestions.length) {
+                            this.activeSuggestionIndex = 0;
+                        }
+                    }
+                    break;
+                }
+                case 'ArrowUp': {
+                    if (['datetime', 'time', 'date', 'datetime-local'].indexOf(this.meta.subtype || this.meta.type) !== -1) {
+                        break;
+                    }
+                    this.showDropdown();
+                    event.preventDefault();
+                    if (typeof (this.activeSuggestionIndex) === 'undefined') {
+                        this.activeSuggestionIndex = this.suggestions.length - 1;
+                    }
+                    else {
+                        this.activeSuggestionIndex--;
+                        if (this.activeSuggestionIndex < 0) {
+                            this.activeSuggestionIndex = this.suggestions.length - 1;
+                        }
+                    }
+                    break;
+                }
+                case 'Space':
+                case 'Enter': {
+                    if (typeof (this.activeSuggestionIndex) !== 'undefined') {
+                        event.preventDefault();
+                        event.stopPropagation();
+                        this.onSuggestionSelect(event, this.suggestions[this.activeSuggestionIndex]);
+                        delete this.activeSuggestionIndex;
+                    }
+                    break;
+                }
+                case 'Escape': {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    this.dismissDropdown();
+                    break;
+                }
+                default: {
+                    setTimeout(() => {
+                        if (!this.model) {
+                            delete this.activeSuggestionIndex;
+                            delete this.asyncSuggestions;
+                        }
+                        else if (typeof (this.model) === 'string') {
+                            this.asyncSuggestions = (this.meta.suggestions || []).filter((s) => {
+                                const suggestionText = (s.id || s.value || s || '').toLowerCase();
+                                return suggestionText.indexOf(this.model.toLowerCase()) !== -1;
+                            });
+                        }
+                    });
+                }
+            }
+        };
+    }
+    get suggestions() {
+        return this.asyncSuggestions || this.meta.suggestions || [];
+    }
+    ngOnInit() {
+        this.multiple = (this.meta.type === 'multistring') || this.meta.multiple;
+        // console.log('FieldInput init', this.meta.name);
+        this.validationAttributes = ['pattern', 'required', 'minlength', 'maxlength', 'min', 'max', 'step'];
+        if (this.meta.picklist) { // just for test! all metadata should be transformed to v3 protocol
+            this.meta.suggestions = (this.meta.picklist || []).map((s) => s.label);
+        }
+        if (this.meta.type === 'number') {
+            if (this.meta.subtype === 'float' && !this.meta.step) {
+                this.meta.step = '0.01';
+            }
+            this.meta.subtype = 'number';
+        }
+        if (['date', 'time', 'datetime'].indexOf(this.meta.type) !== -1) {
+            this.meta.subtype = this.meta.type;
+            if (this.meta.type === 'datetime') {
+                this.meta.subtype = 'datetime-local';
+            }
+            delete this.multiple; // no multiple support for timestamps
+        }
+        this.showClear = !this.multiple && [
+            '', 'string', 'url', 'email', 'password', 'tel', 'date', 'datetime-local', 'time'
+        ].indexOf(this.meta.subtype || '') !== -1;
+        const origValue = this.parent[this.meta.name];
+        Object.defineProperty(this.parent, this.meta.name, {
+            set: (value) => {
+                if (this.multiple) {
+                    if (typeof (value) !== 'undefined') {
+                        const values = (value instanceof Array) ? value : [value];
+                        this.model = [];
+                        for (let v of values) {
+                            if (!this.model) {
+                                this.model = [];
+                            }
+                            if (typeof (v) === 'object' && v !== null) {
+                                v = v.id || v.value;
+                            }
+                            this.model.push(v);
+                        }
+                        this.value = this.model;
+                    }
+                }
+                else {
+                    if (typeof (value) !== 'undefined'
+                        && !(value === null && ((typeof (this.meta.type) === 'undefined') || ['string', 'number'].indexOf(this.meta.type) !== -1))) {
+                        if (this.meta.type === 'number' && typeof (value) === 'string') {
+                            value = parseInt(value, 10);
+                        }
+                        else if (typeof (value) === 'object' && value !== null) {
+                            value = value.id || value.value;
+                        }
+                        if (['datetime', 'date', 'datetime-local'].indexOf(this.meta.subtype || this.meta.type) !== -1 && value) {
+                            try {
+                                let date;
+                                if ((typeof (value) === 'number')) {
+                                    date = new Date(parseInt(value, 10));
+                                    if ('date' === (this.meta.type || this.meta.subtype)) {
+                                        date = new Date(date.getTime() + (date.getTimezoneOffset() * 60000));
+                                    }
+                                }
+                                else {
+                                    if ('date' === (this.meta.subtype || this.meta.type)) {
+                                        date = new Date(Date.parse(value));
+                                    }
+                                    else {
+                                        date = new Date(Date.parse(`${value}Z`) + (new Date().getTimezoneOffset() * 60000));
+                                    }
+                                }
+                                if (typeof (value) === 'number') {
+                                    switch (this.meta.subtype || this.meta.type) {
+                                        case 'datetime-local':
+                                        case 'datetime': {
+                                            this.model = `${date.getFullYear()}-${('00' + (date.getMonth() + 1)).slice(-2)}-${('00' + date.getDate()).slice(-2)}`;
+                                            this.model += `T${('00' + date.getHours()).slice(-2)}:${('00' + date.getMinutes()).slice(-2)}`;
+                                            break;
+                                        }
+                                        case 'date': {
+                                            this.model = date.toISOString().split('T')[0];
+                                            break;
+                                        }
+                                    }
+                                }
+                                if (this.meta.valueType === 'string') {
+                                    if ((this.meta.subtype || this.meta.type) === 'date') {
+                                        this.value = date.toISOString().split('T')[0];
+                                    }
+                                    else {
+                                        this.value = date.toISOString();
+                                    }
+                                }
+                                else {
+                                    if ((this.meta.subtype || this.meta.type) === 'date') {
+                                        date.setFullYear(date.getUTCFullYear());
+                                        date.setMonth(date.getUTCMonth());
+                                        date.setDate(date.getUTCDate());
+                                        date.setMinutes(0);
+                                        date.setHours(0);
+                                        date.setSeconds(0);
+                                        date.setMilliseconds(0);
+                                        this.value = new Date(date.getTime() - (date.getTimezoneOffset() * 60000)).getTime();
+                                    }
+                                    else {
+                                        this.value = date.getTime();
+                                    }
+                                }
+                            }
+                            catch (e) {
+                                console.error('Date parse error', e.message, `"${value}"`, `(${typeof (value)})`);
+                            }
+                        }
+                        else if ('time' === (this.meta.subtype || this.meta.type)) {
+                            try {
+                                let date;
+                                if (typeof (value) === 'number') {
+                                    date = new Date(parseInt(value, 10));
+                                    if (value < 86400000) {
+                                        date = new Date(date.getTime() + (date.getTimezoneOffset() * 60000));
+                                    }
+                                }
+                                else {
+                                    date = new Date(Date.parse(new Date().toISOString().replace(/T.*Z/, `T${value}Z`)) + (new Date().getTimezoneOffset() * 60000));
+                                }
+                                this.model = date.toTimeString().split(' ')[0];
+                                date.setFullYear(1970);
+                                date.setMonth(0);
+                                date.setDate(1);
+                                date.setMilliseconds(0);
+                                this.value = new Date(date.getTime() - (date.getTimezoneOffset() * 60000)).getTime();
+                            }
+                            catch (e) {
+                                console.error('Date parse error', e.message, `"${value}"`, `(${typeof (value)})`);
+                            }
+                        }
+                        else {
+                            if (!value && (typeof (this.prevModel) === 'string') && this.isPersistedParent) {
+                                value = '';
+                            }
+                            this.model = value;
+                            this.value = value;
+                        }
+                    }
+                    else {
+                        delete this.model;
+                        delete this.value;
+                    }
+                }
+                this.meta.$optional = this.isOptional;
+            },
+            get: () => this.value,
+            enumerable: this.sendToServer,
+            configurable: true
+        });
+        if (typeof (origValue) !== 'undefined') {
+            this.parent[this.meta.name] = origValue;
+        }
+        const d = this.meta.default || this.meta.defaultValue;
+        if (d && typeof (this.model) === 'undefined') {
+            if (this.multiple) {
+                this.parent[this.meta.name] = [];
+                if (d.length) {
+                    for (const dv of this.default) { // TODO ???
+                        const defaultValueItem = (typeof (dv) === 'string' || dv === null) ? dv : (dv.id || dv.value);
+                        if (defaultValueItem || defaultValueItem === 0) {
+                            this.parent[this.meta.name].push(defaultValueItem);
+                        }
+                    }
+                }
+            }
+            else {
+                const defaultValue = (typeof (d) === 'string') ? d : (d.id || d.value);
+                if (defaultValue || defaultValue === 0) {
+                    if (/^(date|time)/.test(this.meta.subtype) && typeof (defaultValue) === 'string') {
+                        this.parent[this.meta.name] = relativeTimeBuilder(this.meta.subtype, defaultValue, this.validations.step);
+                    }
+                    else {
+                        if (this.meta.type === 'string' && defaultValue) {
+                            this.parent[this.meta.name] = templateBuilder(this.metaContext, defaultValue);
+                        }
+                        else {
+                            this.parent[this.meta.name] = defaultValue;
+                        }
+                    }
+                }
+            }
+        }
+    }
+    onActivated(ev) {
+        this.input = ev.srcElement;
+        if (!this.dropdown) {
+            this.dropdown = ev.srcElement.parentNode.parentNode;
+        }
+        this.showDropdown();
+    }
+    clear(ev) {
+        delete this.model;
+        delete this.activeSuggestionIndex;
+        delete this.asyncSuggestions;
+        this.onModelChange(this.model);
+        if (ev) {
+            ev.preventDefault();
+            ev.stopPropagation();
+            this.focus();
+            return false;
+        }
+    }
+    onBlur(ev) {
+        let internalControl = false;
+        if (ev.relatedTarget) {
+            if (!this.elementRef.nativeElement.contains(ev.relatedTarget)) {
+                this.dismissDropdown();
+            }
+            else {
+                internalControl = true;
+            }
+        }
+        if (this.keyListenerActive && !internalControl) {
+            this.input.removeEventListener('keydown', this.keydown);
+            setTimeout(() => {
+                if (!this.keyListenerActive) {
+                    document.removeEventListener('click', this.clickout);
+                }
+            }, 400);
+            delete this.keyListenerActive;
+        }
+    }
+    onAdd(ev) {
+        console.log('onAdd', this.addText);
+        if (this.addText) {
+            if ((this.model || []).indexOf(this.addText) === -1) {
+                this.onSuggestionSelect(ev, this.addText);
+                if (!this.meta.suggestions) {
+                    this.meta.suggestions = [];
+                }
+                this.meta.suggestions.unshift(this.addText);
+            }
+            else {
+                ev.preventDefault();
+                ev.stopPropagation();
+                this.focus();
+            }
+            delete this.addText;
+        }
+    }
+    remove(ev, item) {
+        ev.preventDefault();
+        ev.stopPropagation();
+        const optionIndex = this.model.indexOf(item);
+        if (optionIndex !== -1) {
+            this.model.splice(optionIndex, 1);
+            if (!this.model.length) {
+                delete this.model;
+                delete this.value;
+            }
+            this.onModelChange(this.model);
+        }
+    }
+    onSuggestionSelect(ev, suggestion) {
+        if (!suggestion) {
+            return;
+        }
+        ev.preventDefault();
+        ev.stopPropagation();
+        this.focus();
+        let suggestionValue = suggestion.id || suggestion.value || suggestion;
+        if (typeof (suggestionValue) === 'string') {
+            if (/^(date|time)/.test(this.meta.subtype)) {
+                suggestionValue = relativeTimeBuilder(this.meta.subtype, suggestionValue, this.validations.step);
+            }
+            else if (this.meta.type === 'string') {
+                suggestionValue = templateBuilder(this.metaContext, suggestionValue);
+            }
+            else {
+                suggestionValue = suggestion;
+            }
+        }
+        if (this.multiple) {
+            if (!this.model) {
+                this.model = [];
+            }
+            let existingItemIndex = this.model.indexOf(suggestionValue);
+            if (existingItemIndex === -1) {
+                this.model.push(suggestionValue);
+            }
+            else {
+                this.model.splice(existingItemIndex, 1);
+                existingItemIndex = undefined;
+            }
+            this.onModelChange(this.model);
+        }
+        else {
+            this.dismissDropdown();
+            this.model = suggestionValue;
+            this.onModelChange(suggestionValue);
+            this.activeSuggestionIndex = this.suggestions.indexOf(suggestion);
+        }
+    }
+    textToSpeech() { }
+    dismissDropdown(event) {
+        if (event) {
+            this.focus();
+        }
+        if (this.dropdown) {
+            this.dropdown.classList.remove('Vlt-dropdown--expanded');
+        }
+    }
+    ensureDropdownIsVisible() {
+        setTimeout(() => {
+            const holder = this.dropdown.closest('.Vlt-card__content');
+            const el = this.elementRef.nativeElement.querySelector('.Vlt-dropdown__panel');
+            if (el) {
+                const elRect = el.getBoundingClientRect();
+                const holderRect = holder.getBoundingClientRect();
+                if (holderRect.top + holderRect.height < elRect.top + elRect.height) {
+                    el.scrollIntoView({ block: 'end' });
+                }
+            }
+        }, 400);
+    }
+    showDropdown() {
+        if (this.meta.suggestions && this.meta.suggestions.length) {
+            this.dropdown.classList.add('Vlt-dropdown--expanded');
+            this.ensureDropdownIsVisible();
+        }
+        if (!this.keyListenerActive) {
+            this.input.addEventListener('keydown', this.keydown);
+            setTimeout(() => {
+                document.addEventListener('click', this.clickout);
+            }, 200);
+            this.keyListenerActive = true;
+        }
+        if (typeof (this.activeSuggestionIndex) === 'undefined') {
+            if (this.model && this.suggestions.length) {
+                for (let suggestionIndex = 0; suggestionIndex < this.suggestions.length; suggestionIndex++) {
+                    if (this.model === this.suggestions[suggestionIndex]) {
+                        this.activeSuggestionIndex = suggestionIndex;
+                        return;
+                    }
+                }
+                delete this.activeSuggestionIndex;
+            }
+        }
+    }
+}
+FieldInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: FieldInput, deps: [{ token: MetaContextService }], target: i0.ɵɵFactoryTarget.Component });
+FieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.0", type: FieldInput, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class='vgip-meta-field-preview' *ngIf='preview && model'>\n  <div class='vgip-meta-field-label'>{{meta.label || meta.name}}</div>\n  <div class='vgip-meta-field-value __gu'>{{model}}</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), 'multiple': multiple, 'has-value': f.value, active: keyListenerActive }\">\n  <div *ngIf='multiple' class='items-container'>\n    <div *ngIf='model' class='badges-container keep-focus' (click)='focus()'>\n      <div *ngFor='let item of model' class=\"Vlt-badge Vlt-badge--app Vlt-badge--large keep-focus\">\n        {{item}}\n        <button class=\"Vlt-badge__dismiss keep-focus\" (click)='remove($event, item)'></button>\n      </div>\n    </div>\n  </div>\n  <div class=\"Vlt-input Vlt-dropdown\" style='display: block;'>\n    <label class='wrapper'>\n      <input class='main model' [pattern]=\"validations.pattern ? validations.pattern.value || validations.pattern : null\" [required]='validations.required' [minlength]='validations.minlength' [maxlength]='validations.maxlength' [min]='validations.min' [max]='validations.max' [step]='validations.step' [disabled]='disabled' [readonly]=\"readonly\" [(ngModel)]='model' (ngModelChange)=\"onModelChange($event)\" #f='ngModel' [name]='name' [type]=\"multiple ? 'hidden' : (meta.subtype || 'text')\" placeholder=\" \" (click)='onActivated($event)' (focus)='onActivated($event)' (blur)='onBlur($event)'/>\n      <input *ngIf='multiple' class='main' [pattern]=\"validations.pattern ? validations.pattern.value || validations.pattern : null\" [minlength]='validations.minlength' [maxlength]='validations.maxlength' [min]='validations.min' [max]='validations.max' [(ngModel)]='addText' [ngModelOptions]=\"{ standalone: true }\" [type]=\"meta.subtype || 'text'\" [disabled]='disabled' [readonly]='readonly' placeholder=\"+Add\" (keydown.enter)='onAdd($event)' (click)='onActivated($event)' (focus)='onActivated($event)' (blur)='onBlur($event)'/>\n      <label class='Vlt-truncate'>{{meta.label || meta.name}}<span *ngIf='validations.required' class='Vlt-red'>*</span>&nbsp;<span class='Vlt-black' *ngIf='model && multiple'>({{model.length}})</span></label>\n    </label>\n    <div class='Vlt-composite__append right-actions'>\n      <div *ngIf='model && showClear' class=\"Vlt-composite__append--icon\" (click)='clear($event)'>\n        <div class=\"Vlt-composite__icon\">\n          <svg><use xlink:href=\"volta/volta-icons.svg#Vlt-icon-cross\"/></svg>\n        </div>\n      </div>\n    </div>\n    <!-- <div *ngIf=\"!meta.subtype || meta.subtype == 'text'\" class=\"Vlt-composite__append Vlt-composite__append--icon\" style='bottom: 7px; right: 10px; padding: 3px; width: initial; height: initial; cursor: pointer;'>\n      <div *ngIf=\"!meta.type || meta.type === 'string'\" class=\"Vlt-composite__icon\" (click)='textToSpeech()'>\n        <svg><use xlink:href=\"volta/volta-icons.svg#Vlt-icon-microphone\"/></svg>\n      </div>\n    </div> -->\n    <div *ngIf=\"suggestions.length\" class=\"Vlt-dropdown__panel\">\n      <div class=\"Vlt-dropdown__panel__content Vlt-dropdown__panel__content--scroll-area suggestions\">\n        <!-- <div class=\"Vlt-dropdown__title\" style='padding-left: 13px;'>\n          Suggestions\n          <div class=\"Vlt-dropdown__close Vlt-white\" (click)='dismissDropdown($event)'>\n            <svg class='Vlt-icon Vlt-icon--small'><use xlink:href=\"volta/volta-icons.svg#Vlt-icon-cross\"/></svg>\n          </div>\n        </div> -->\n        <div class=\"Vlt-dropdown__block\"></div>\n        <div *ngIf='dropdown' class=\"Vlt-dropdown__scroll\">\n          <div [ngClass]=\"{ 'Vlt-dropdown__link--selected': (activeSuggestionIndex === i) }\" (click)='onSuggestionSelect($event, suggestion)' *ngFor='let suggestion of suggestions; let i = index' class=\"Vlt-dropdown__link\" style='padding: 0;'>\n            <div *ngIf='multiple' class=\"Vlt-checkbox\" style='width: 100%;'>\n              <label [title]='suggestion.label || suggestion'>\n                <span class=\"Vlt-checkbox__button\">\n                  <input type=\"checkbox\" [checked]='model && model.indexOf(suggestion) !== -1'/>\n                  <span class=\"Vlt-checkbox__icon\"></span>\n                </span>\n                {{suggestion.label || suggestion}}\n              </label>\n            </div>\n            <div *ngIf='!multiple' style='padding: 12px 20px;'>\n              {{suggestion.label || suggestion}}\n            </div>\n          </div>\n        </div>\n        <div *ngIf='!multiple' class=\"Vlt-dropdown__block\"></div>\n        <div *ngIf='multiple' class=\"Vlt-dropdown__block Vlt-dropdown__block--nowrap\" style='padding: 8px 16px 16px;'>\n          <button (click)='clear($event)' type='button' class=\"Vlt-btn Vlt-btn--secondary Vlt-btn--app Vlt-btn--small Vlt-btn--outline\">Clear all</button>\n          <button (click)='dismissDropdown($event)' type='button' class=\"Vlt-btn Vlt-btn--secondary Vlt-btn--app Vlt-btn--small\">Done</button>\n        </div>\n      </div>\n    </div>\n  </div>\n  <small *ngIf='f.invalid && ((f | metaModel)._parent.submitted || ((f | metaModel ).touched && keyListenerActive))' class=\"Vlt-form__element__error\">\n    <span *ngIf=\"f.errors.required\">Required.&nbsp;</span>\n    <span *ngIf=\"f.errors.minlength\">Must be longer than {{validations.minlength}} characters.&nbsp;</span>\n    <span *ngIf=\"f.errors.maxlength\">Must be lest than {{validations.maxlength}} characters.&nbsp;</span>\n    <span *ngIf=\"f.errors.pattern\">{{ validations.pattern.text || \"Should match '\"+validations.pattern+\"' pattern.\" }}.&nbsp;</span>\n    <span *ngIf=\"f.errors.custom\">{{f.errors.custom}}&nbsp;</span>\n  </small>\n  <small *ngIf='meta.hint' class=\"Vlt-form__element__hint\">{{meta.hint}}</small>\n</div>\n", styles: [".Vlt-form__element--big .Vlt-input input{padding-right:40px;text-overflow:ellipsis}@media screen and (-webkit-min-device-pixel-ratio: 0){.Vlt-form__element--big .Vlt-input input{line-height:20px}}.Vlt-form__element--big .Vlt-input input:disabled{cursor:not-allowed}.Vlt-form__element--big:hover .items-container,.Vlt-form__element--big:hover .main,.Vlt-form__element--big:hover input,.Vlt-form__element--big.active .items-container,.Vlt-form__element--big.active .main,.Vlt-form__element--big.active input{border-color:var(--vgip-meta-input-active-border-color)}.Vlt-form__element--big.multiple .Vlt-composite.Vlt-dropdown{margin-top:3px}.Vlt-form__element--big.multiple:hover:not(.Vlt-form__element--error) .items-container,.Vlt-form__element--big.multiple:hover:not(.Vlt-form__element--error) .main,.Vlt-form__element--big.multiple:hover:not(.Vlt-form__element--error) input,.Vlt-form__element--big.multiple.active:not(.Vlt-form__element--error) .items-container,.Vlt-form__element--big.multiple.active:not(.Vlt-form__element--error) .main,.Vlt-form__element--big.multiple.active:not(.Vlt-form__element--error) input{border-color:var(--vgip-meta-input-active-border-color)}.Vlt-form__element--big.multiple .items-container{background-color:var(--vgip-meta-input-bg-color);border:1px solid var(--vgip-meta-input-border-color);border-bottom:0;border-top-left-radius:6px;border-top-right-radius:6px}.Vlt-form__element--big.multiple .items-container.creatable{margin-right:62px}.Vlt-form__element--big.multiple .items-container .badges-container{overflow:auto;max-height:140px;padding:6px 4px 0 6px}.Vlt-form__element--big.multiple .items-container .badges-container .Vlt-badge{margin-bottom:3px;margin-left:0;margin-right:3px;overflow:hidden;max-width:100%}.Vlt-form__element--big.multiple:not(.has-value) .items-container{border:0}.Vlt-form__element--big.multiple.has-value .main,.Vlt-form__element--big.multiple.has-value input{border-top:0;border-top-left-radius:0;border-top-right-radius:0;box-shadow:none}.Vlt-form__element--big.Vlt-form__element--error .items-container,.Vlt-form__element--big.Vlt-form__element--error .main,.Vlt-form__element--big.Vlt-form__element--error input{border-color:#f25a6b;background:var(--vgip-meta-input-bg-color)}label.Vlt-truncate{padding-right:42px}.Vlt-dropdown__panel{width:100%}.Vlt-dropdown__panel .Vlt-dropdown__link--selected{background:rgba(44,45,48,.05)}.Vlt-dropdown__panel label{margin-top:0;padding:12px 20px;top:0;left:0;pointer-events:initial;position:initial;color:initial;font-size:inherit;transition:none;cursor:pointer}.Vlt-dropdown__panel label input{height:0}.Vlt-composite__append.right-actions{position:absolute;top:5px;right:10px;cursor:pointer}.Vlt-composite__append.right-actions .Vlt-composite__append--icon{width:36px;outline:none;position:initial;display:inline-block}.Vlt-composite__append.right-actions .Vlt-composite__append--icon svg{height:14px;width:14px}.Vlt-composite__append.right-actions .Vlt-composite__append--icon:hover svg,.Vlt-composite__append.right-actions .Vlt-composite__append--icon:focus svg{fill:var(--vgip-meta-input-accent-color)}\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.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { 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 }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: FieldInput, decorators: [{
+            type: Component,
+            args: [{ viewProviders: [{ provide: ControlContainer, useExisting: NgForm }], template: "<div class='vgip-meta-field-preview' *ngIf='preview && model'>\n  <div class='vgip-meta-field-label'>{{meta.label || meta.name}}</div>\n  <div class='vgip-meta-field-value __gu'>{{model}}</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), 'multiple': multiple, 'has-value': f.value, active: keyListenerActive }\">\n  <div *ngIf='multiple' class='items-container'>\n    <div *ngIf='model' class='badges-container keep-focus' (click)='focus()'>\n      <div *ngFor='let item of model' class=\"Vlt-badge Vlt-badge--app Vlt-badge--large keep-focus\">\n        {{item}}\n        <button class=\"Vlt-badge__dismiss keep-focus\" (click)='remove($event, item)'></button>\n      </div>\n    </div>\n  </div>\n  <div class=\"Vlt-input Vlt-dropdown\" style='display: block;'>\n    <label class='wrapper'>\n      <input class='main model' [pattern]=\"validations.pattern ? validations.pattern.value || validations.pattern : null\" [required]='validations.required' [minlength]='validations.minlength' [maxlength]='validations.maxlength' [min]='validations.min' [max]='validations.max' [step]='validations.step' [disabled]='disabled' [readonly]=\"readonly\" [(ngModel)]='model' (ngModelChange)=\"onModelChange($event)\" #f='ngModel' [name]='name' [type]=\"multiple ? 'hidden' : (meta.subtype || 'text')\" placeholder=\" \" (click)='onActivated($event)' (focus)='onActivated($event)' (blur)='onBlur($event)'/>\n      <input *ngIf='multiple' class='main' [pattern]=\"validations.pattern ? validations.pattern.value || validations.pattern : null\" [minlength]='validations.minlength' [maxlength]='validations.maxlength' [min]='validations.min' [max]='validations.max' [(ngModel)]='addText' [ngModelOptions]=\"{ standalone: true }\" [type]=\"meta.subtype || 'text'\" [disabled]='disabled' [readonly]='readonly' placeholder=\"+Add\" (keydown.enter)='onAdd($event)' (click)='onActivated($event)' (focus)='onActivated($event)' (blur)='onBlur($event)'/>\n      <label class='Vlt-truncate'>{{meta.label || meta.name}}<span *ngIf='validations.required' class='Vlt-red'>*</span>&nbsp;<span class='Vlt-black' *ngIf='model && multiple'>({{model.length}})</span></label>\n    </label>\n    <div class='Vlt-composite__append right-actions'>\n      <div *ngIf='model && showClear' class=\"Vlt-composite__append--icon\" (click)='clear($event)'>\n        <div class=\"Vlt-composite__icon\">\n          <svg><use xlink:href=\"volta/volta-icons.svg#Vlt-icon-cross\"/></svg>\n        </div>\n      </div>\n    </div>\n    <!-- <div *ngIf=\"!meta.subtype || meta.subtype == 'text'\" class=\"Vlt-composite__append Vlt-composite__append--icon\" style='bottom: 7px; right: 10px; padding: 3px; width: initial; height: initial; cursor: pointer;'>\n      <div *ngIf=\"!meta.type || meta.type === 'string'\" class=\"Vlt-composite__icon\" (click)='textToSpeech()'>\n        <svg><use xlink:href=\"volta/volta-icons.svg#Vlt-icon-microphone\"/></svg>\n      </div>\n    </div> -->\n    <div *ngIf=\"suggestions.length\" class=\"Vlt-dropdown__panel\">\n      <div class=\"Vlt-dropdown__panel__content Vlt-dropdown__panel__content--scroll-area suggestions\">\n        <!-- <div class=\"Vlt-dropdown__title\" style='padding-left: 13px;'>\n          Suggestions\n          <div class=\"Vlt-dropdown__close Vlt-white\" (click)='dismissDropdown($event)'>\n            <svg class='Vlt-icon Vlt-icon--small'><use xlink:href=\"volta/volta-icons.svg#Vlt-icon-cross\"/></svg>\n          </div>\n        </div> -->\n        <div class=\"Vlt-dropdown__block\"></div>\n        <div *ngIf='dropdown' class=\"Vlt-dropdown__scroll\">\n          <div [ngClass]=\"{ 'Vlt-dropdown__link--selected': (activeSuggestionIndex === i) }\" (click)='onSuggestionSelect($event, suggestion)' *ngFor='let suggestion of suggestions; let i = index' class=\"Vlt-dropdown__link\" style='padding: 0;'>\n            <div *ngIf='multiple' class=\"Vlt-checkbox\" style='width: 100%;'>\n              <label [title]='suggestion.label || suggestion'>\n                <span class=\"Vlt-checkbox__button\">\n                  <input type=\"checkbox\" [checked]='model && model.indexOf(suggestion) !== -1'/>\n                  <span class=\"Vlt-checkbox__icon\"></span>\n                </span>\n                {{suggestion.label || suggestion}}\n              </label>\n            </div>\n            <div *ngIf='!multiple' style='padding: 12px 20px;'>\n              {{suggestion.label || suggestion}}\n            </div>\n          </div>\n        </div>\n        <div *ngIf='!multiple' class=\"Vlt-dropdown__block\"></div>\n        <div *ngIf='multiple' class=\"Vlt-dropdown__block Vlt-dropdown__block--nowrap\" style='padding: 8px 16px 16px;'>\n          <button (click)='clear($event)' type='button' class=\"Vlt-btn Vlt-btn--secondary Vlt-btn--app Vlt-btn--small Vlt-btn--outline\">Clear all</button>\n          <button (click)='dismissDropdown($event)' type='button' class=\"Vlt-btn Vlt-btn--secondary Vlt-btn--app Vlt-btn--small\">Done</button>\n        </div>\n      </div>\n    </div>\n  </div>\n  <small *ngIf='f.invalid && ((f | metaModel)._parent.submitted || ((f | metaModel ).touched && keyListenerActive))' class=\"Vlt-form__element__error\">\n    <span *ngIf=\"f.errors.required\">Required.&nbsp;</span>\n    <span *ngIf=\"f.errors.minlength\">Must be longer than {{validations.minlength}} characters.&nbsp;</span>\n    <span *ngIf=\"f.errors.maxlength\">Must be lest than {{validations.maxlength}} characters.&nbsp;</span>\n    <span *ngIf=\"f.errors.pattern\">{{ validations.pattern.text || \"Should match '\"+validations.pattern+\"' pattern.\" }}.&nbsp;</span>\n    <span *ngIf=\"f.errors.custom\">{{f.errors.custom}}&nbsp;</span>\n  </small>\n  <small *ngIf='meta.hint' class=\"Vlt-form__element__hint\">{{meta.hint}}</small>\n</div>\n", styles: [".Vlt-form__element--big .Vlt-input input{padding-right:40px;text-overflow:ellipsis}@media screen and (-webkit-min-device-pixel-ratio: 0){.Vlt-form__element--big .Vlt-input input{line-height:20px}}.Vlt-form__element--big .Vlt-input input:disabled{cursor:not-allowed}.Vlt-form__element--big:hover .items-container,.Vlt-form__element--big:hover .main,.Vlt-form__element--big:hover input,.Vlt-form__element--big.active .items-container,.Vlt-form__element--big.active .main,.Vlt-form__element--big.active input{border-color:var(--vgip-meta-input-active-border-color)}.Vlt-form__element--big.multiple .Vlt-composite.Vlt-dropdown{margin-top:3px}.Vlt-form__element--big.multiple:hover:not(.Vlt-form__element--error) .items-container,.Vlt-form__element--big.multiple:hover:not(.Vlt-form__element--error) .main,.Vlt-form__element--big.multiple:hover:not(.Vlt-form__element--error) input,.Vlt-form__element--big.multiple.active:not(.Vlt-form__element--error) .items-container,.Vlt-form__element--big.multiple.active:not(.Vlt-form__element--error) .main,.Vlt-form__element--big.multiple.active:not(.Vlt-form__element--error) input{border-color:var(--vgip-meta-input-active-border-color)}.Vlt-form__element--big.multiple .items-container{background-color:var(--vgip-meta-input-bg-color);border:1px solid var(--vgip-meta-input-border-color);border-bottom:0;border-top-left-radius:6px;border-top-right-radius:6px}.Vlt-form__element--big.multiple .items-container.creatable{margin-right:62px}.Vlt-form__element--big.multiple .items-container .badges-container{overflow:auto;max-height:140px;padding:6px 4px 0 6px}.Vlt-form__element--big.multiple .items-container .badges-container .Vlt-badge{margin-bottom:3px;margin-left:0;margin-right:3px;overflow:hidden;max-width:100%}.Vlt-form__element--big.multiple:not(.has-value) .items-container{border:0}.Vlt-form__element--big.multiple.has-value .main,.Vlt-form__element--big.multiple.has-value input{border-top:0;border-top-left-radius:0;border-top-right-radius:0;box-shadow:none}.Vlt-form__element--big.Vlt-form__element--error .items-container,.Vlt-form__element--big.Vlt-form__element--error .main,.Vlt-form__element--big.Vlt-form__element--error input{border-color:#f25a6b;background:var(--vgip-meta-input-bg-color)}label.Vlt-truncate{padding-right:42px}.Vlt-dropdown__panel{width:100%}.Vlt-dropdown__panel .Vlt-dropdown__link--selected{background:rgba(44,45,48,.05)}.Vlt-dropdown__panel label{margin-top:0;padding:12px 20px;top:0;left:0;pointer-events:initial;position:initial;color:initial;font-size:inherit;transition:none;cursor:pointer}.Vlt-dropdown__panel label input{height:0}.Vlt-composite__append.right-actions{position:absolute;top:5px;right:10px;cursor:pointer}.Vlt-composite__append.right-actions .Vlt-composite__append--icon{width:36px;outline:none;position:initial;display:inline-block}.Vlt-composite__append.right-actions .Vlt-composite__append--icon svg{height:14px;width:14px}.Vlt-composite__append.right-actions .Vlt-composite__append--icon:hover svg,.Vlt-composite__append.right-actions .Vlt-composite__append--icon:focus svg{fill:var(--vgip-meta-input-accent-color)}\n"] }]
+        }], ctorParameters: function () { return [{ type: MetaContextService }]; } });
+
+export { FieldInput };
+//# sourceMappingURL=vgip-meta-ui-index-fa0b1b8b.mjs.map

package/fesm2020/vgip-meta-ui-index-fa0b1b8b.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vgip-meta-ui-index-fa0b1b8b.mjs","sources":["../../../projects/meta-ui/src/lib/fieldInput/index.ts","../../../projects/meta-ui/src/lib/fieldInput/view.html"],"sourcesContent":["/*\n * @Author: Alexander.Vangelov@vonage.com\n * @Date: 2019-09-19 17:35:09\n * @Last Modified by: Alexander.Vangelov@vonage.com\n * @Last Modified time: 2020-05-12 17:45:46\n */\n\nimport { Component, OnInit } from '@angular/core';\nimport { ControlContainer, NgForm } from '@angular/forms';\n\nimport { FieldAbstract } from '../fieldAbstract';\n// import { IMetaFieldInut } from '../definitions/fields/IMetaFieldInput';\nimport { templateBuilder } from '../common/utils/templateBuilder';\nimport { relativeTimeBuilder } from '../common/utils/relativeTimeBuilder';\nimport { MetaContextService } from '../services/metaContext';\n\n// import { MetaValidations } from '../common/decorators/metaValidations.decorator';\n\n@Component({\n  templateUrl: './view.html',\n  styleUrls: ['./style.scss'],\n  viewProviders: [{ provide: ControlContainer, useExisting: NgForm }]\n})\nexport class FieldInput extends FieldAbstract implements OnInit {\n  input: any;\n  dropdown: any;\n  activeSuggestionIndex: number;\n  value: any;\n  multiple: boolean;\n  addText;\n  showClear: boolean;\n  asyncSuggestions: Array<any>;\n\n  constructor( private metaContext: MetaContextService ) {\n    super();\n  }\n\n  get suggestions() {\n    return this.asyncSuggestions || this.meta.suggestions || [];\n  }\n\n  ngOnInit() {\n    this.multiple = (this.meta.type === 'multistring') || this.meta.multiple;\n    // console.log('FieldInput init', this.meta.name);\n    this.validationAttributes = ['pattern', 'required', 'minlength', 'maxlength', 'min', 'max', 'step'];\n    if (this.meta.picklist) { // just for test! all metadata should be transformed to v3 protocol\n      this.meta.suggestions = (this.meta.picklist || []).map((s) => s.label);\n    }\n    if (this.meta.type === 'number') {\n      if (this.meta.subtype === 'float' && !this.meta.step) {\n        this.meta.step = '0.01';\n      }\n      this.meta.subtype = 'number';\n    }\n    if (['date', 'time', 'datetime'].indexOf(this.meta.type) !== -1) {\n      this.meta.subtype = this.meta.type;\n      if (this.meta.type === 'datetime') {\n        this.meta.subtype = 'datetime-local';\n      }\n      delete this.multiple; // no multiple support for timestamps\n    }\n    this.showClear = !this.multiple && [\n      '', 'string', 'url', 'email', 'password', 'tel', 'date', 'datetime-local', 'time'\n    ].indexOf(this.meta.subtype || '') !== -1;\n    const origValue = this.parent[this.meta.name];\n    Object.defineProperty(this.parent, this.meta.name, {\n      set: (value) => {\n        if (this.multiple) {\n          if (typeof(value) !== 'undefined') {\n            const values = (value instanceof Array) ? value : [value];\n            this.model = [];\n            for (let v of values) {\n              if (!this.model) {\n                this.model = [];\n              }\n              if (typeof (v) === 'object' && v !== null) {\n                v = v.id || v.value;\n              }\n              this.model.push(v);\n            }\n            this.value = this.model;\n          }\n        } else {\n          if (typeof(value) !== 'undefined'\n            && !(value === null && ((typeof(this.meta.type) === 'undefined') || ['string', 'number'].indexOf(this.meta.type) !== -1))\n          ) {\n            if (this.meta.type === 'number' && typeof(value) === 'string') {\n              value = parseInt(value, 10);\n            } else if (typeof (value) === 'object' && value !== null) {\n              value = value.id || value.value;\n            }\n            if (['datetime', 'date', 'datetime-local'].indexOf(this.meta.subtype || this.meta.type) !== -1 && value) {\n              try {\n                let date: Date;\n                if ((typeof (value) === 'number')) {\n                  date = new Date(parseInt(value as any, 10));\n                  if ('date' === (this.meta.type || this.meta.subtype)) {\n                    date = new Date(date.getTime() + (date.getTimezoneOffset() * 60000));\n                  }\n                } else {\n                  if ('date' === (this.meta.subtype || this.meta.type)) {\n                    date = new Date(Date.parse(value));\n                  } else {\n                    date = new Date(Date.parse(`${value}Z`) + (new Date().getTimezoneOffset() * 60000));\n                  }\n                }\n                if (typeof (value) === 'number') {\n                  switch (this.meta.subtype || this.meta.type) {\n                    case 'datetime-local':\n                    case 'datetime': {\n                      this.model = `${date.getFullYear()}-${('00' + (date.getMonth() + 1)).slice(-2)}-${('00' + date.getDate()).slice(-2)}`;\n                      this.model += `T${('00' + date.getHours()).slice(-2)}:${('00' + date.getMinutes()).slice(-2)}`;\n                      break;\n                    }\n                    case 'date': {\n                      this.model = date.toISOString().split('T')[0];\n                      break;\n                    }\n                  }\n                }\n                if (this.meta.valueType === 'string') {\n                  if ((this.meta.subtype || this.meta.type) === 'date') {\n                    this.value = date.toISOString().split('T')[0];\n                  } else {\n                    this.value = date.toISOString();\n                  }\n                } else {\n                  if ((this.meta.subtype || this.meta.type) === 'date') {\n                    date.setFullYear(date.getUTCFullYear());\n                    date.setMonth(date.getUTCMonth());\n                    date.setDate(date.getUTCDate());\n                    date.setMinutes(0);\n                    date.setHours(0);\n                    date.setSeconds(0);\n                    date.setMilliseconds(0);\n                    this.value = new Date(date.getTime() - (date.getTimezoneOffset() * 60000)).getTime();\n                  } else {\n                    this.value = date.getTime();\n                  }\n                }\n              } catch (e) {\n                console.error('Date parse error', e.message, `\"${value}\"`, `(${typeof (value)})`);\n              }\n            } else if ('time' === (this.meta.subtype || this.meta.type)) {\n              try {\n                let date: Date;\n                if (typeof (value) === 'number') {\n                  date = new Date(parseInt(value as any, 10));\n                  if (value < 86400000) {\n                    date = new Date(date.getTime() + (date.getTimezoneOffset() * 60000));\n                  }\n                } else {\n                  date = new Date(\n                    Date.parse(new Date().toISOString().replace(/T.*Z/, `T${value}Z`)) + (new Date().getTimezoneOffset() * 60000)\n                  );\n                }\n                this.model = date.toTimeString().split(' ')[0];\n                date.setFullYear(1970);\n                date.setMonth(0);\n                date.setDate(1);\n                date.setMilliseconds(0);\n                this.value = new Date(date.getTime() - (date.getTimezoneOffset() * 60000)).getTime();\n              } catch (e) {\n                console.error('Date parse error', e.message, `\"${value}\"`, `(${typeof (value)})`);\n              }\n            } else {\n              if (!value && (typeof(this.prevModel) === 'string') && this.isPersistedParent) {\n                value = '';\n              }\n              this.model = value;\n              this.value = value;\n            }\n          } else {\n            delete this.model;\n            delete this.value;\n          }\n        }\n        this.meta.$optional = this.isOptional;\n      },\n      get: () => this.value,\n      enumerable: this.sendToServer,\n      configurable: true\n    });\n    if (typeof(origValue) !== 'undefined') {\n      this.parent[this.meta.name] = origValue;\n    }\n    const d = this.meta.default || this.meta.defaultValue;\n    if (d && typeof(this.model) === 'undefined') {\n      if (this.multiple) {\n        this.parent[this.meta.name] = [];\n        if (d.length) {\n          for (const dv of this.default) { // TODO ???\n            const defaultValueItem = (typeof (dv) === 'string' || dv === null) ? dv : (dv.id || dv.value);\n            if (defaultValueItem || defaultValueItem === 0) {\n              this.parent[this.meta.name].push(defaultValueItem);\n            }\n          }\n        }\n      } else {\n        const defaultValue = (typeof (d) === 'string') ? d : (d.id || d.value);\n        if (defaultValue || defaultValue === 0) {\n          if (/^(date|time)/.test(this.meta.subtype) && typeof(defaultValue) === 'string') {\n            this.parent[this.meta.name] = relativeTimeBuilder(this.meta.subtype, defaultValue, this.validations.step);\n          } else {\n            if (this.meta.type === 'string' && defaultValue) {\n              this.parent[this.meta.name] = templateBuilder(this.metaContext, defaultValue);\n            } else {\n              this.parent[this.meta.name] = defaultValue;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  onActivated(ev) {\n    this.input = ev.srcElement;\n    if (!this.dropdown) {\n      this.dropdown = ev.srcElement.parentNode.parentNode;\n    }\n    this.showDropdown();\n  }\n\n  clear(ev?) {\n    delete this.model;\n    delete this.activeSuggestionIndex;\n    delete this.asyncSuggestions;\n    this.onModelChange(this.model);\n    if (ev) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      this.focus();\n      return false;\n    }\n  }\n\n  onBlur(ev) {\n    let internalControl = false;\n    if (ev.relatedTarget) {\n      if (!this.elementRef.nativeElement.contains(ev.relatedTarget)) {\n        this.dismissDropdown();\n      } else {\n        internalControl = true;\n      }\n    }\n    if (this.keyListenerActive && !internalControl) {\n      this.input.removeEventListener('keydown', this.keydown);\n      setTimeout(() => {\n        if (!this.keyListenerActive) {\n          document.removeEventListener('click', this.clickout);\n        }\n      }, 400);\n      delete this.keyListenerActive;\n    }\n  }\n\n  onAdd(ev) {\n    console.log('onAdd', this.addText);\n    if (this.addText) {\n      if ((this.model || []).indexOf(this.addText) === -1) {\n        this.onSuggestionSelect(ev, this.addText);\n        if (!this.meta.suggestions) {\n          this.meta.suggestions = [];\n        }\n        this.meta.suggestions.unshift(this.addText);\n      } else {\n        ev.preventDefault();\n        ev.stopPropagation();\n        this.focus();\n      }\n      delete this.addText;\n    }\n  }\n\n  remove(ev, item) {\n    ev.preventDefault();\n    ev.stopPropagation();\n    const optionIndex = this.model.indexOf(item);\n    if (optionIndex !== -1) {\n      this.model.splice(optionIndex, 1);\n      if (!this.model.length) {\n        delete this.model;\n        delete this.value;\n      }\n      this.onModelChange(this.model);\n    }\n  }\n\n  onSuggestionSelect(ev, suggestion) {\n    if (!suggestion) {\n      return;\n    }\n    ev.preventDefault();\n    ev.stopPropagation();\n    this.focus();\n    let suggestionValue = suggestion.id || suggestion.value || suggestion;\n    if (typeof(suggestionValue) === 'string') {\n      if (/^(date|time)/.test(this.meta.subtype)) {\n        suggestionValue = relativeTimeBuilder(this.meta.subtype, suggestionValue, this.validations.step);\n      } else if (this.meta.type === 'string') {\n        suggestionValue = templateBuilder(this.metaContext, suggestionValue);\n      } else {\n        suggestionValue = suggestion;\n      }\n    }\n    if (this.multiple) {\n      if (!this.model) {\n        this.model = [];\n      }\n      let existingItemIndex = this.model.indexOf(suggestionValue);\n      if (existingItemIndex === -1) {\n        this.model.push(suggestionValue);\n      } else {\n        this.model.splice(existingItemIndex, 1);\n        existingItemIndex = undefined;\n      }\n      this.onModelChange(this.model);\n    } else {\n      this.dismissDropdown();\n      this.model = suggestionValue;\n      this.onModelChange(suggestionValue);\n      this.activeSuggestionIndex = this.suggestions.indexOf(suggestion);\n    }\n  }\n\n  textToSpeech() { }\n\n  dismissDropdown(event?) {\n    if (event) {\n      this.focus();\n    }\n    if (this.dropdown) {\n      this.dropdown.classList.remove('Vlt-dropdown--expanded');\n    }\n  }\n\n  private ensureDropdownIsVisible() {\n    setTimeout(() => {\n      const holder = this.dropdown.closest('.Vlt-card__content');\n      const el = this.elementRef.nativeElement.querySelector('.Vlt-dropdown__panel');\n      if (el) {\n        const elRect = el.getBoundingClientRect();\n        const holderRect = holder.getBoundingClientRect();\n        if (holderRect.top + holderRect.height < elRect.top + elRect.height) {\n          el.scrollIntoView({ block: 'end' });\n        }\n      }\n    }, 400);\n  }\n\n  private showDropdown() {\n    if (this.meta.suggestions && this.meta.suggestions.length) {\n      this.dropdown.classList.add('Vlt-dropdown--expanded');\n      this.ensureDropdownIsVisible();\n    }\n    if (!this.keyListenerActive) {\n      this.input.addEventListener('keydown', this.keydown);\n      setTimeout(() => {\n        document.addEventListener('click', this.clickout);\n      }, 200);\n      this.keyListenerActive = true;\n    }\n    if (typeof(this.activeSuggestionIndex) === 'undefined') {\n      if (this.model && this.suggestions.length) {\n        for (let suggestionIndex = 0; suggestionIndex < this.suggestions.length; suggestionIndex++) {\n          if (this.model === this.suggestions[suggestionIndex]) {\n            this.activeSuggestionIndex = suggestionIndex;\n            return;\n          }\n        }\n        delete this.activeSuggestionIndex;\n      }\n    }\n  }\n\n  private clickout = (event) => {\n    if (event.target.className === 'Vlt-dropdown__link' && this.elementRef.nativeElement.contains(event.target)) {\n      this.focus();\n      // this.dismissDropdown();\n      // this.parent[this.meta.name] = event.target.textContent;\n\n    } else if (event.target !== this.input && event.target.className !== 'Vlt-dropdown__title') {\n      this.dismissDropdown();\n    } else {\n      this.focus();\n    }\n  };\n\n  private keydown = (event) => {\n    switch (event.key) {\n      case 'ArrowDown': {\n        if (['datetime', 'time', 'date', 'datetime-local'].indexOf(this.meta.subtype || this.meta.type) !== -1) {\n          break;\n        }\n        this.showDropdown();\n        event.preventDefault();\n        if (typeof (this.activeSuggestionIndex) === 'undefined') {\n          this.activeSuggestionIndex = 0;\n        } else {\n          this.activeSuggestionIndex++;\n          if (this.activeSuggestionIndex >= this.suggestions.length) {\n            this.activeSuggestionIndex = 0;\n          }\n        }\n        break;\n      }\n      case 'ArrowUp': {\n        if (['datetime', 'time', 'date', 'datetime-local'].indexOf(this.meta.subtype || this.meta.type) !== -1) {\n          break;\n        }\n        this.showDropdown();\n        event.preventDefault();\n        if (typeof (this.activeSuggestionIndex) === 'undefined') {\n          this.activeSuggestionIndex = this.suggestions.length - 1;\n        } else {\n          this.activeSuggestionIndex--;\n          if (this.activeSuggestionIndex < 0) {\n            this.activeSuggestionIndex = this.suggestions.length - 1;\n          }\n        }\n        break;\n      }\n      case 'Space':\n      case 'Enter': {\n        if (typeof (this.activeSuggestionIndex) !== 'undefined') {\n          event.preventDefault();\n          event.stopPropagation();\n          this.onSuggestionSelect(event, this.suggestions[this.activeSuggestionIndex]);\n          delete this.activeSuggestionIndex;\n        }\n        break;\n      }\n      case 'Escape': {\n        event.preventDefault();\n        event.stopPropagation();\n        this.dismissDropdown();\n        break;\n      }\n      default: {\n        setTimeout(() => {\n          if (!this.model) {\n            delete this.activeSuggestionIndex;\n            delete this.asyncSuggestions;\n          } else if (typeof(this.model) === 'string') {\n            this.asyncSuggestions = (this.meta.suggestions || []).filter((s) => {\n              const suggestionText = (s.id || s.value || s || '').toLowerCase();\n              return suggestionText.indexOf(this.model.toLowerCase()) !== -1;\n            });\n          }\n        });\n      }\n    }\n  };\n\n}\n","<div class='vgip-meta-field-preview' *ngIf='preview && model'>\n  <div class='vgip-meta-field-label'>{{meta.label || meta.name}}</div>\n  <div class='vgip-meta-field-value __gu'>{{model}}</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), 'multiple': multiple, 'has-value': f.value, active: keyListenerActive }\">\n  <div *ngIf='multiple' class='items-container'>\n    <div *ngIf='model' class='badges-container keep-focus' (click)='focus()'>\n      <div *ngFor='let item of model' class=\"Vlt-badge Vlt-badge--app Vlt-badge--large keep-focus\">\n        {{item}}\n        <button class=\"Vlt-badge__dismiss keep-focus\" (click)='remove($event, item)'></button>\n      </div>\n    </div>\n  </div>\n  <div class=\"Vlt-input Vlt-dropdown\" style='display: block;'>\n    <label class='wrapper'>\n      <input class='main model' [pattern]=\"validations.pattern ? validations.pattern.value || validations.pattern : null\" [required]='validations.required' [minlength]='validations.minlength' [maxlength]='validations.maxlength' [min]='validations.min' [max]='validations.max' [step]='validations.step' [disabled]='disabled' [readonly]=\"readonly\" [(ngModel)]='model' (ngModelChange)=\"onModelChange($event)\" #f='ngModel' [name]='name' [type]=\"multiple ? 'hidden' : (meta.subtype || 'text')\" placeholder=\" \" (click)='onActivated($event)' (focus)='onActivated($event)' (blur)='onBlur($event)'/>\n      <input *ngIf='multiple' class='main' [pattern]=\"validations.pattern ? validations.pattern.value || validations.pattern : null\" [minlength]='validations.minlength' [maxlength]='validations.maxlength' [min]='validations.min' [max]='validations.max' [(ngModel)]='addText' [ngModelOptions]=\"{ standalone: true }\" [type]=\"meta.subtype || 'text'\" [disabled]='disabled' [readonly]='readonly' placeholder=\"+Add\" (keydown.enter)='onAdd($event)' (click)='onActivated($event)' (focus)='onActivated($event)' (blur)='onBlur($event)'/>\n      <label class='Vlt-truncate'>{{meta.label || meta.name}}<span *ngIf='validations.required' class='Vlt-red'>*</span>&nbsp;<span class='Vlt-black' *ngIf='model && multiple'>({{model.length}})</span></label>\n    </label>\n    <div class='Vlt-composite__append right-actions'>\n      <div *ngIf='model && showClear' class=\"Vlt-composite__append--icon\" (click)='clear($event)'>\n        <div class=\"Vlt-composite__icon\">\n          <svg><use xlink:href=\"volta/volta-icons.svg#Vlt-icon-cross\"/></svg>\n        </div>\n      </div>\n    </div>\n    <!-- <div *ngIf=\"!meta.subtype || meta.subtype == 'text'\" class=\"Vlt-composite__append Vlt-composite__append--icon\" style='bottom: 7px; right: 10px; padding: 3px; width: initial; height: initial; cursor: pointer;'>\n      <div *ngIf=\"!meta.type || meta.type === 'string'\" class=\"Vlt-composite__icon\" (click)='textToSpeech()'>\n        <svg><use xlink:href=\"volta/volta-icons.svg#Vlt-icon-microphone\"/></svg>\n      </div>\n    </div> -->\n    <div *ngIf=\"suggestions.length\" class=\"Vlt-dropdown__panel\">\n      <div class=\"Vlt-dropdown__panel__content Vlt-dropdown__panel__content--scroll-area suggestions\">\n        <!-- <div class=\"Vlt-dropdown__title\" style='padding-left: 13px;'>\n          Suggestions\n          <div class=\"Vlt-dropdown__close Vlt-white\" (click)='dismissDropdown($event)'>\n            <svg class='Vlt-icon Vlt-icon--small'><use xlink:href=\"volta/volta-icons.svg#Vlt-icon-cross\"/></svg>\n          </div>\n        </div> -->\n        <div class=\"Vlt-dropdown__block\"></div>\n        <div *ngIf='dropdown' class=\"Vlt-dropdown__scroll\">\n          <div [ngClass]=\"{ 'Vlt-dropdown__link--selected': (activeSuggestionIndex === i) }\" (click)='onSuggestionSelect($event, suggestion)' *ngFor='let suggestion of suggestions; let i = index' class=\"Vlt-dropdown__link\" style='padding: 0;'>\n            <div *ngIf='multiple' class=\"Vlt-checkbox\" style='width: 100%;'>\n              <label [title]='suggestion.label || suggestion'>\n                <span class=\"Vlt-checkbox__button\">\n                  <input type=\"checkbox\" [checked]='model && model.indexOf(suggestion) !== -1'/>\n                  <span class=\"Vlt-checkbox__icon\"></span>\n                </span>\n                {{suggestion.label || suggestion}}\n              </label>\n            </div>\n            <div *ngIf='!multiple' style='padding: 12px 20px;'>\n              {{suggestion.label || suggestion}}\n            </div>\n          </div>\n        </div>\n        <div *ngIf='!multiple' class=\"Vlt-dropdown__block\"></div>\n        <div *ngIf='multiple' class=\"Vlt-dropdown__block Vlt-dropdown__block--nowrap\" style='padding: 8px 16px 16px;'>\n          <button (click)='clear($event)' type='button' class=\"Vlt-btn Vlt-btn--secondary Vlt-btn--app Vlt-btn--small Vlt-btn--outline\">Clear all</button>\n          <button (click)='dismissDropdown($event)' type='button' class=\"Vlt-btn Vlt-btn--secondary Vlt-btn--app Vlt-btn--small\">Done</button>\n        </div>\n      </div>\n    </div>\n  </div>\n  <small *ngIf='f.invalid && ((f | metaModel)._parent.submitted || ((f | metaModel ).touched && keyListenerActive))' class=\"Vlt-form__element__error\">\n    <span *ngIf=\"f.errors.required\">Required.&nbsp;</span>\n    <span *ngIf=\"f.errors.minlength\">Must be longer than {{validations.minlength}} characters.&nbsp;</span>\n    <span *ngIf=\"f.errors.maxlength\">Must be lest than {{validations.maxlength}} characters.&nbsp;</span>\n    <span *ngIf=\"f.errors.pattern\">{{ validations.pattern.text || \"Should match '\"+validations.pattern+\"' pattern.\" }}.&nbsp;</span>\n    <span *ngIf=\"f.errors.custom\">{{f.errors.custom}}&nbsp;</span>\n  </small>\n  <small *ngIf='meta.hint' class=\"Vlt-form__element__hint\">{{meta.hint}}</small>\n</div>\n"],"names":["i1.MetaContextService","i2","i3","i4.MetaModelPipe"],"mappings":"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"}

package/fesm2020/vgip-meta-ui-metaModel.pipe-725f401c.mjs

@@ -0,0 +1,28 @@
+import * as i0 from '@angular/core';
+import { Pipe } from '@angular/core';
+
+/*
+ * @Author: Alexander.Vangelov@vonage.com
+ * @Date: 2019-09-19 17:35:19
+ * @Last Modified by: Alexander.Vangelov@vonage.com
+ * @Last Modified time: 2019-11-05 13:46:26
+ */
+class MetaModelPipe {
+    constructor() {
+    }
+    transform(value, args) {
+        return value;
+    }
+}
+MetaModelPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: MetaModelPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+MetaModelPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1.0", ngImport: i0, type: MetaModelPipe, name: "metaModel" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: MetaModelPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'metaModel',
+                    pure: true
+                }]
+        }], ctorParameters: function () { return []; } });
+
+export { MetaModelPipe as M };
+//# sourceMappingURL=vgip-meta-ui-metaModel.pipe-725f401c.mjs.map

package/fesm2020/vgip-meta-ui-metaModel.pipe-725f401c.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vgip-meta-ui-metaModel.pipe-725f401c.mjs","sources":["../../../projects/meta-ui/src/lib/common/metaModel.pipe.ts"],"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-05 13:46:26\n */\n\nimport { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n  name: 'metaModel',\n  pure: true\n})\nexport class MetaModelPipe implements PipeTransform {\n\n  constructor() {\n  }\n\n  transform(value: any, args?: any): any {\n    return value;\n  }\n}\n"],"names":[],"mappings":";;;AAAA;;;;;AAKG;MAQU,aAAa,CAAA;AAExB,IAAA,WAAA,GAAA;KACC;IAED,SAAS,CAAC,KAAU,EAAE,IAAU,EAAA;AAC9B,QAAA,OAAO,KAAK,CAAC;KACd;;0GAPU,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;wGAAb,aAAa,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,CAAA;2FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAJzB,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA;AACJ,oBAAA,IAAI,EAAE,WAAW;AACjB,oBAAA,IAAI,EAAE,IAAI;AACX,iBAAA,CAAA;;;;;"}