@vgip/meta-ui 1.6.9 → 1.7.0

package/fesm2015/vgip-meta-ui-index-a76ba482.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vgip-meta-ui-index-a76ba482.mjs","sources":["../../../projects/meta-ui/src/lib/fieldSelect/index.ts","../../../projects/meta-ui/src/lib/fieldSelect/view.html"],"sourcesContent":["import { Component, OnInit, ViewContainerRef } from '@angular/core';\nimport { FieldAbstract } from '../fieldAbstract';\nimport { ControlContainer, NgForm } from '@angular/forms';\nimport { MetaReferenceService } from '../services/metaReference';\nimport { MetaResourceService, IMetaResourceConfig } from '../services/metaResource';\nimport { MetaRefDialog } from '../refDialog';\n\n@Component({\n  templateUrl: './view.html',\n  styleUrls: ['./style.scss'],\n  viewProviders: [{ provide: ControlContainer, useExisting: NgForm }]\n})\nexport class FieldSelect extends FieldAbstract implements OnInit {\n  multiple: boolean;\n  input: HTMLInputElement;\n  dropdown: HTMLElement;\n  dropdownScrollContainer: HTMLElement;\n  showText: string;\n  activeSuggestionIndex: number;\n  value: any;\n  isCreatable = false;\n  asyncOptions: Array<any>;\n  searching: boolean;\n  filteredOptions: Array<any>;\n  searchInputText: '';\n  searchInput: HTMLInputElement;\n\n  constructor(\n    private referenceService: MetaReferenceService,\n    private metaResource: MetaResourceService,\n    private viewContainerRef: ViewContainerRef\n  ) {\n    super();\n  }\n\n  get options() {\n    return this.filteredOptions || this.asyncOptions || this.meta.options || this.meta.picklist || [];\n  }\n\n  get groupedOptions() {\n    return this.options.reduce((r, { group }) => {\n      if (!r.some(o => o.group === group)) {\n        r.push({ group, groupItem: this.options.filter(v => v.group === group) });\n      }\n      return r;\n    }, []);\n  }\n\n  get resourceService() {\n    if (!this.metaResourceService) {\n      const metaResourceConfig: IMetaResourceConfig = {\n        integrationCode: this.integrationCode,\n        resourceType: this.resourceType\n      };\n      this.metaResourceService = this.metaResource.new(metaResourceConfig);\n    }\n    return this.metaResourceService;\n  }\n\n  get optionsBackup() {\n    return this.asyncOptions || this.meta.options || this.meta.picklist || [];\n  }\n\n  static setup(instance, parent, meta) { }\n\n  ngOnInit() {\n    // console.log('parent', this.parent);\n    this.validationAttributes = ['required'];\n    this.multiple = (this.meta.type === 'multipicklist') || this.meta.multiple;\n    const origValue = this.parent[this.meta.name];\n    if (this.meta.reference) {\n      this.isCreatable = true;\n    }\n    Object.defineProperty(this.parent, this.meta.name, {\n      set: (value) => {\n        if (this.multiple) {\n          if (value && value instanceof Array === false) {\n            for (const o of this.options) {\n              if ((value.id || value) === (o.id || o.value || o.name || 0)) {\n                this.model = [o];\n                this.value = [this.modelToValue(o, this.meta.valueType)];\n                break;\n              }\n            }\n          }\n          if (!value || value.length) {\n            const values = (value instanceof Array) ? value : (value || '').split(';'); // should not handle incorrect values\n            this.value = [];\n            this.model = [];\n            for (const v of values) {\n              if (v) {\n                for (const o of this.options) {\n                  if ((v.id || v) === (o.id || o.value || o.name || 0)) {\n                    this.model.push(o);\n                    this.value.push(this.modelToValue(o, this.meta.valueType));\n                    break;\n                  }\n                }\n              }\n            }\n            if (!this.model.length && !this.isPersistedParent) {\n              delete this.model;\n              delete this.value;\n              delete this.showText;\n            } else {\n              this.showText = (this.model || []).map((o) => o.label || o).join(', ');\n            }\n          }\n        } else {\n          if (value) {\n            for (const o of this.options) {\n              if ((value.id || value) === (o.id || o.value || o.name || o)) {\n                this.model = o;\n                this.value = this.modelToValue(o, this.meta.valueType);\n                this.showText = o.label || o;\n                break;\n              }\n            }\n          } else {\n            delete this.model;\n            delete this.value;\n            delete this.showText;\n          }\n        }\n        this.onSubjectChange(this.model);\n        this.meta.$optional = this.isOptional;\n      },\n      get: () => this.value,\n      enumerable: this.sendToServer,\n      configurable: true\n    });\n\n    if (origValue) {\n      this.parent[this.meta.name] = origValue;\n    }\n\n    if (this.default && !this.model) {\n      setTimeout(() => {\n        this.parent[this.meta.name] = this.default.id || this.default;\n      }, 0);\n    }\n\n    if (typeof (this.meta.enabled) !== undefined) {\n      if (typeof (this.meta.enabled) === 'object') {\n        for (const par of Object.keys(this.meta.enabled)) {\n          const parValue = this.parent[par];\n          if (parValue) {\n            // logic for specific values, this works only for true\n          } else {\n            this.logicalDisabled = true;\n            this.clear();\n          }\n          this.parentChangeSubject.subscribe((value) => {\n            if (value && value.hasOwnProperty(par)) {\n              this.logicalDisabled = !value[par];\n              if (this.logicalDisabled) {\n                this.clear();\n              } else {\n                this.filterOptions();\n              }\n            }\n          });\n        }\n        this.filterOptions();\n      }\n    }\n\n    if (this.meta.search) {\n      const searchParams = this.meta.search.params;\n      if (searchParams) {\n        for (const par of Object.keys(searchParams)) {\n          const parValue = this.parent[searchParams[par]];\n          if (parValue) {\n            const params = {};\n            params[par] = parValue;\n            this.searchOptions(params);\n          }\n          this.parentChangeSubject.subscribe((value) => {\n            if (value && value.hasOwnProperty(searchParams[par])) {\n              this.searchOptions(value);\n            }\n          });\n        }\n      }\n    }\n  }\n\n  onActivated(ev) {\n    // ev.preventDefault();\n    // ev.stopPropagation();\n    this.input = ev.srcElement;\n    if (!this.dropdown) {\n      this.dropdown = ev.srcElement.parentNode.parentNode.parentNode;\n      this.searchInput = this.dropdown.querySelector('.vgip-search_input');\n    }\n    this.showDropdown();\n  }\n\n  detectSearchBlock(element) {\n    return this.elementRef.nativeElement.querySelector('.Vlt-search_wrap').contains(element);\n  }\n\n  onBlur(ev) {\n    let internalControl = false;\n    if (ev.relatedTarget) {\n\n      if (!this.detectSearchBlock(ev.relatedTarget) && !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      if (this.searchInput) {\n        this.searchInput.removeEventListener('keydown', this.keydown);\n      }\n      setTimeout(() => {\n        if (!this.keyListenerActive) {\n          document.removeEventListener('click', this.clickout);\n        }\n      }, 400);\n      delete this.keyListenerActive;\n    }\n    this.onLeave.emit(ev);\n  }\n\n  onOptionSelect(ev, option) {\n    if (ev) {\n      ev.preventDefault();\n      ev.stopPropagation();\n    }\n    this.focus();\n    if (this.multiple) {\n      if (!this.model) {\n        this.model = [];\n      }\n      const optionIndex = this.model.indexOf(option);\n      if (optionIndex === -1) {\n        this.model.push(option);\n      } else {\n        this.model.splice(optionIndex, 1);\n        if (!this.model.length) {\n          delete this.model;\n        }\n      }\n      this.onModelChange(this.model);\n      if (this.model) {\n        this.showText = (this.model || []).map((o) => o.label || o).join(', ');\n      } else {\n        delete this.showText;\n      }\n    } else {\n      this.dismissDropdown();\n      if (typeof option !== 'undefined') {\n        this.model = option;\n        this.onModelChange(option);\n        this.showText = option.label || (option.id === '' ? '--empty--' : option);\n        if (typeof (option) === 'object' && !option.id && option.id !== '') {\n          delete this.showText;\n        }\n      }\n    }\n  }\n\n  clear(ev?) {\n    delete this.model;\n    this.onModelChange(this.model);\n    delete this.showText;\n    if (ev) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      return false;\n    }\n  }\n\n  openResource(ev) {\n    const refDialogComponent = this.viewContainerRef.createComponent(MetaRefDialog);\n    this.referenceService.openDialog(\n      refDialogComponent, this.metaResource, this.integrationCode, this.meta.reference, null\n    ).subscribe((result: any) => {\n      if (result) {\n        const existingOptions = (this.meta.options || []).find((o) => (o.id === result.id && o.type === result.type));\n        if (existingOptions) {\n          existingOptions.label = result.label;\n        } else {\n          if (!this.meta.options) {\n            this.meta.options = [];\n          }\n          this.meta.options.unshift(result);\n        }\n        this.onOptionSelect(ev, result);\n      }\n    });\n  }\n\n  showDropdown() {\n    this.dropdown.classList.add('Vlt-dropdown--expanded');\n    if (!this.keyListenerActive) {\n      if (this.searchInput) {\n        this.searchInput.focus(); // Focus directly on search input first visit\n        this.searchInput.addEventListener('keydown', this.keydown);\n      }\n      this.input.addEventListener('keydown', this.keydown);\n      setTimeout(() => {\n        document.addEventListener('click', this.clickout);\n      }, 200);\n      this.keyListenerActive = true;\n      if (this.options && this.model) {\n        for (let suggestionIndex = 0; suggestionIndex < this.options.length; suggestionIndex++) {\n          if (this.model === this.options[suggestionIndex]) {\n            this.activeSuggestionIndex = suggestionIndex;\n          }\n        }\n      }\n    }\n    this.ensureDropdownIsVisible();\n  }\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    if (this.searchInput) {\n      this.clearSearchField();\n    }\n    delete this.activeSuggestionIndex;\n  }\n\n  onSearchChange() {\n    const search = new RegExp(this.searchInputText, 'gi');\n    if (this.searchInputText === '') {\n      this.filteredOptions = [...this.optionsBackup];\n    } else {\n      this.filteredOptions = this.optionsBackup.filter(option => (option.label || option.id || option.name || option).match(search));\n    }\n  }\n\n  clearSearchField() {\n    this.searchInputText = '';\n    this.onSearchChange();\n  }\n\n  private ensureDropdownIsVisible() {\n    setTimeout(() => {\n      const holder = this.dropdown.closest('.Vlt-card__content');\n      if (holder) {\n        const el = this.elementRef.nativeElement.querySelector('.Vlt-dropdown__panel');\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 ensureDropdownOptionIsVisible() {\n    if (!this.dropdownScrollContainer) {\n      this.dropdownScrollContainer = this.dropdown.querySelector('.Vlt-dropdown__scroll');\n    }\n    if (this.dropdownScrollContainer && typeof (this.activeSuggestionIndex) === 'number') {\n      const scrollTop = 44 * this.activeSuggestionIndex;\n      const scrollBottom = 44 * (this.activeSuggestionIndex - 7);\n      if (scrollTop < this.dropdownScrollContainer.scrollTop) {\n        this.dropdownScrollContainer.scrollTop = scrollTop;\n      } else if (scrollBottom > this.dropdownScrollContainer.scrollTop) {\n        this.dropdownScrollContainer.scrollTop = scrollBottom;\n      }\n    }\n  }\n\n  private filterOptions() {\n    this.asyncOptions = [];\n    if (!this.logicalDisabled) {\n      for (const o of this.meta.options) {\n        if (o.for) {\n          for (const par of Object.keys(o.for)) {\n            const parValue = this.parent[par];\n            if (o.for[par].indexOf(parValue) !== -1) {\n              this.asyncOptions.push(o);\n            }\n          }\n        } else {\n          this.asyncOptions.push(o);\n        }\n      }\n    }\n    // remove current selection if not one of the filtered options\n    if (this.model && this.asyncOptions.indexOf(this.model) === -1) {\n      delete this.model;\n      delete this.value;\n      delete this.showText;\n      delete this.parent[this.meta.name];\n    }\n  }\n\n  private clickout = (event) => {\n    if (\n      event.target.className === 'Vlt-dropdown__link' && this.elementRef.nativeElement.contains(event.target)\n    ) {\n      this.focus();\n    } else if (\n      event.target !== this.input &&\n      !event.target.classList.contains('Vlt-dropdown__block') &&\n      !this.detectSearchBlock(event.target)\n    ) {\n      this.dismissDropdown();\n    } else if (this.detectSearchBlock(event.target)) {\n      event.target.focus();\n    } else {\n      this.focus();\n    }\n  };\n\n  private keydown = (event) => {\n    switch (event.key) {\n      case 'ArrowDown': {\n        this.showDropdown();\n        if (typeof (this.activeSuggestionIndex) === 'undefined') {\n          this.activeSuggestionIndex = 0;\n        } else {\n          this.activeSuggestionIndex++;\n          if (this.activeSuggestionIndex >= this.options.length) {\n            this.activeSuggestionIndex = 0;\n          }\n        }\n        this.ensureDropdownOptionIsVisible();\n        event.preventDefault();\n        event.stopPropagation();\n        break;\n      }\n      case 'ArrowUp': {\n        this.showDropdown();\n        if (typeof (this.activeSuggestionIndex) === 'undefined') {\n          this.activeSuggestionIndex = this.options.length - 1;\n        } else {\n          this.activeSuggestionIndex--;\n          if (this.activeSuggestionIndex < 0) {\n            this.activeSuggestionIndex = this.options.length - 1;\n          }\n        }\n        this.ensureDropdownOptionIsVisible();\n        event.preventDefault();\n        event.stopPropagation();\n        break;\n      }\n      case 'Enter':\n      case 'Space':\n      case ' ': {\n        if (typeof (this.activeSuggestionIndex) !== 'undefined') {\n          event.preventDefault();\n          event.stopPropagation();\n          this.onOptionSelect(event, this.options[this.activeSuggestionIndex]);\n          if (!this.multiple) {\n            delete this.activeSuggestionIndex;\n          }\n        }\n        break;\n      }\n      case 'Escape': {\n        event.preventDefault();\n        event.stopPropagation();\n        this.dismissDropdown();\n        break;\n      }\n      case 'Backspace': {\n        if (!this.dropdown.classList.contains('Vlt-dropdown--expanded')) {\n          event.preventDefault();\n          event.stopPropagation();\n          this.clear();\n        }\n        break;\n      }\n    }\n  };\n\n  private searchOptions(params?) {\n    let searchUrl = `/fields/${this.meta.name}/search`;\n    if (this.meta.search) {\n      if (this.meta.search.url) {\n        searchUrl = this.meta.search.url;\n      }\n      const searchParams = this.meta.search.params;\n      if (searchParams) {\n        for (const par of Object.keys(searchParams)) {\n          const val = this.parent[searchParams[par]];\n          if (val) {\n            searchUrl += `${searchUrl.indexOf('?') === -1 ? '?' : '&'}${par}=${val.id || val}`;\n          }\n        }\n      }\n    }\n    this.searching = true;\n    this.resourceService.getByPath(searchUrl).subscribe((options) => {\n      this.asyncOptions = options;\n      let validValue = false;\n      if (this.value) {\n        for (const o of options) {\n          if ((o.id || o) === (this.value.id || this.value)) {\n            validValue = true;\n          }\n        }\n        if (!validValue) {\n          this.clear();\n        }\n      }\n      delete this.searching;\n    });\n  }\n\n}\n","<div class='vgip-meta-field-preview' *ngIf='preview && model'>\n  <div class='vgip-meta-field-label' [title]='meta.label || meta.name'>{{meta.label || meta.name}}</div>\n  <div class='vgip-meta-field-value __gu'>\n    {{showText}}\n  </div>\n</div>\n<div *ngIf='!preview' class=\"Vlt-form__element\"\n  [ngClass]=\"{ 'Vlt-form__element--big': !meta.small ,'has-value': f.value, active: keyListenerActive, 'Vlt-form__element--error': f.invalid && ((f | metaModel)._parent.submitted || (ft | metaModel ).touched), 'no-x': meta.noX }\">\n  <div class=\"Vlt-composite Vlt-dropdown Vlt-input\" style='display: block;'\n    [ngClass]=\"{ 'has-append-button': isCreatable && !disabled }\">\n    <div class=\"Vlt-select\">\n      <label class='wrapper'>\n        <label class='Vlt-truncate'>{{meta.label || meta.name}}<span\n            *ngIf='validations.required && options.length' class='Vlt-red'>*</span></label>\n        <input class='main' [required]='validations.required && !!options.length' readonly [ngModel]='showText'\n          #ft='ngModel' [ngModelOptions]=\"{standalone: true}\" type=\"text\"\n          [placeholder]=\"meta.placeholder || ' '\" (click)='onActivated($event)' (focus)='onActivated($event)'\n          (blur)='onBlur($event)' [ngClass]=\"{ 'standalone': meta.standalone }\"\n          [disabled]='disabled' [attr.aria-label]='meta.label' />\n      </label>\n      <select class='model' [required]='validations.required && !!options.length' style='display: none;'\n        [(ngModel)]='model' [ngModelOptions]=\"{standalone: meta.standalone}\"\n        (ngModelChange)=\"onModelChange($event)\" #f='ngModel' [name]='name'></select>\n      <div *ngIf='searching' class='search-progress'>\n        <div class=\"container\">\n          <div class=\"bar Vlt-bg-purple\"></div>\n        </div>\n      </div>\n      <div class='Vlt-composite__append right-actions'>\n        <div *ngIf='model && !meta.noX && !disabled' class=\"Vlt-composite__append--icon\"\n          (click)='clear($event)'>\n          <div class=\"Vlt-composite__icon\">\n            <svg>\n              <use xlink:href=\"volta/volta-icons.svg#Vlt-icon-cross\" />\n            </svg>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class='Vlt-dropdown__panel'>\n      <div class=\"Vlt-dropdown__panel__content Vlt-dropdown__panel__content--scroll-area\">\n        <!-- <div class=\"Vlt-dropdown__title\" style='padding-left: 15px;'>\n          Select ({{options.length}})\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 Vlt-search_wrap\">\n          <div *ngIf=\"optionsBackup.length > 12\" class=\"Vlt-composite\">\n            <div class=\"Vlt-composite__prepend Vlt-composite__prepend--icon\"\n              style=\"top: 0; padding-top: 15px;\">\n              <div class=\"Vlt-composite__icon\">\n                <svg class='Vlt-grey'>\n                  <use xlink:href=\"volta/volta-icons.svg#Vlt-icon-search\"></use>\n                </svg>\n              </div>\n            </div>\n            <div class=\"Vlt-input\">\n              <input type=\"text\" class=\"vgip-search_input\" [(ngModel)]=\"searchInputText\" placeholder=\"Search\" (input)=\"onSearchChange()\" (blur)='onBlur($event)' [ngModelOptions]=\"{standalone: true}\">\n            </div>\n            <div class=\"Vlt-composite__append--icon\"\n              style=\"top: 2px;\" (click)=\"clearSearchField()\" [hidden]=\"searchInputText === ''\">\n              <div class=\"Vlt-composite__icon\">\n                <svg class='Vlt-icon Vlt-icon--small'>\n                  <use xlink:href=\"volta/volta-icons.svg#Vlt-icon-cross\"/>\n                </svg>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div *ngIf='dropdown' class='Vlt-dropdown__scroll'>\n          <div [ngClass]=\"{ 'Vlt-dropdown__link--selected': activeSuggestionIndex === i }\"\n            (click)='onOptionSelect($event, option)' *ngFor='let option of options; let i = index'\n            class=\"Vlt-dropdown__link\">\n            <div *ngIf='multiple' class=\"Vlt-checkbox\" style='width: 100%;'>\n              <label>\n                <span class=\"Vlt-checkbox__button\">\n                  <input type=\"checkbox\" [checked]='model && model.indexOf(option) !== -1' />\n                  <span class=\"Vlt-checkbox__icon\"></span>\n                </span>\n                {{option.label || (option.id === '' ? '--empty--' : option)}}\n              </label>\n            </div>\n            <div *ngIf='!multiple' style='padding: 12px 20px;'>{{option.label || (option.id === '' ?\n              '--empty--' : option)}}</div>\n          </div>\n          <!-- No Option Found -->\n          <div class=\"Vlt-dropdown__link\" *ngIf=\"options.length === 0\">\n            <div style='padding: 12px 20px;'>No Option Found</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\"\n          style='padding: 8px 16px 16px;'>\n          <button (click)='clear($event)' type='button'\n            class=\"Vlt-btn Vlt-btn--secondary Vlt-btn--app Vlt-btn--small Vlt-btn--outline\"\n            style='margin-right: 8px;'>Clear all</button>\n          <button (click)='dismissDropdown($event)' type='button'\n            class=\"Vlt-btn Vlt-btn--secondary Vlt-btn--app Vlt-btn--small\">Done</button>\n        </div>\n      </div>\n    </div>\n    <!-- <span *ngIf='isCreatable'>\n      <button type='button' (click)='openResource($event)' class=\"Vlt-btn Vlt-btn--secondary Vlt-btn--icon Vlt-btn--large\" style='margin-left: 12px;'>\n        <svg><use xlink:href=\"volta/volta-icons.svg#Vlt-icon-plus\"/></svg>\n      </button>\n    </span> -->\n    <div *ngIf='isCreatable && !disabled' class=\"Vlt-composite__append\">\n      <button (focus)='onActivated($event)' (blur)='onBlur($event)' type='button' (click)='openResource($event)'\n        class=\"Vlt-btn Vlt-btn--white Vlt-btn--icon add-button\" aria-label='Add new'>\n        <svg>\n          <use xlink:href=\"volta/volta-icons.svg#Vlt-icon-plus\" />\n        </svg>\n      </button>\n    </div>\n  </div>\n  <small *ngIf='f.invalid && ((f | metaModel)._parent.submitted || ((ft | metaModel).touched && keyListenerActive))'\n    class=\"Vlt-form__element__error\">\n    <span *ngIf=\"f.errors.required\">Required.&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.MetaReferenceService","i2.MetaResourceService","i3","i4","i5.MetaModelPipe"],"mappings":"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"}

package/fesm2015/vgip-meta-ui-index-bf5b6c0f.mjs

@@ -0,0 +1,61 @@
+import * as i0 from '@angular/core';
+import { Component, Input } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { ControlContainer, NgForm } from '@angular/forms';
+import { F as FieldAbstract } from './vgip-meta-ui-fieldAbstract-f7d80db6.mjs';
+import * as i1 from '@angular/common';
+import { M as MetaModelPipe } from './vgip-meta-ui-metaModel.pipe-4b068359.mjs';
+import 'rxjs';
+import 'rxjs/operators';
+
+/*
+ * @Author: Alexander.Vangelov@vonage.com
+ * @Date: 2019-09-19 17:34:49
+ * @Last Modified by: Alexander.Vangelov@vonage.com
+ * @Last Modified time: 2020-03-26 12:57:51
+ */
+// import { tMetaField } from '../../../metaTypes/tMetaField'
+class FieldBoolean extends FieldAbstract {
+    ngOnInit() {
+        const origValue = this.parent[this.meta.name];
+        Object.defineProperty(this.parent, this.meta.name, {
+            set: (value) => {
+                if (typeof (value) === 'object' && value !== null) {
+                    value = value.value || value.id || false;
+                }
+                if (!value && (typeof (this.prevModel) === 'boolean') && this.isPersistedParent) {
+                    value = false;
+                }
+                console.log('boolean field setting model', value);
+                this.model = (value === true) || (value != null && (['true', '1'].indexOf(value.toString().toLowerCase()) !== -1));
+                this.value = this.model;
+                this.meta.$optional = this.isOptional;
+            },
+            get: () => this.value,
+            enumerable: this.sendToServer,
+            configurable: true
+        });
+        if (typeof (origValue) !== 'undefined') {
+            this.parent[this.meta.name] = origValue;
+        }
+        if (typeof (this.meta.default) !== 'undefined' && typeof (this.model) === 'undefined' && !(this.meta.default instanceof Array)) {
+            setTimeout(() => {
+                this.onModelChange(this.meta.default);
+            }, 0);
+        }
+    }
+    onOptionChange() {
+        this.onModelChange(this.model);
+    }
+}
+FieldBoolean.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FieldBoolean, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FieldBoolean.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: FieldBoolean, selector: "ng-component", inputs: { meta: "meta" }, usesInheritance: true, ngImport: i0, template: "<div class='vgip-meta-field-preview' *ngIf='preview && model'>\n  <div class='vgip-meta-field-label' [title]='meta.label || meta.name'>{{meta.label || meta.name}}</div>\n  <div class='vgip-meta-field-value __gu'>\n    {{ model ? '\u2714' : '\u2718'}}\n  </div>\n</div>\n<div *ngIf='!preview' class=\"Vlt-form__element\" [ngClass]=\"{ 'Vlt-form__element--error': f.invalid && ((f | metaModel)._parent.submitted || (f | metaModel ).touched) }\">\n\t<input class='model' type='hidden' [required]='validations.required' [(ngModel)]='model' #f='ngModel' [name]='name' />\n\t<div class=\"Vlt-switch\" *ngIf=\"meta.subtype === 'switch'\">\n\t\t<label style='vertical-align: middle;'>\n\t\t\t<input class='model' type=\"checkbox\" [(ngModel)]='model' (change)='onOptionChange()' [name]='name'/>\n\t\t\t<span class=\"Vlt-switch__slider\"></span>\n\t\t\t<span style='margin-left: 60px; line-height: 30px; white-space: nowrap;'>{{meta.label || meta.name}}</span>\n\t\t</label>\n\t</div>\n\t<div class=\"Vlt-checkbox\" *ngIf=\"meta.subtype !== 'switch'\">\n\t\t<label style='cursor: pointer;'>\n\t\t\t<span class=\"Vlt-checkbox__button\">\n\t\t\t\t<input class='model' type=\"checkbox\" [(ngModel)]='model' (change)='onOptionChange()' [name]='name'/>\n\t\t\t\t<span class=\"Vlt-checkbox__icon\"></span>\n\t\t\t</span>\n\t\t\t{{meta.label || meta.name}}\n\t\t</label>\n\t</div>\n\t<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.custom\">{{f.errors.custom}}&nbsp;</span>\n  </small>\n\t<small *ngIf='meta.hint' class=\"Vlt-form__element__hint\">{{meta.hint}}</small>\n</div>\n", styles: [".Vlt-checkbox+.Vlt-form__element__hint{margin-top:4px}.Vlt-checkbox__button input:not(:checked)~.Vlt-checkbox__icon{background-color:var(--vgip-meta-input-bg-color);border-color:var(--vgip-meta-input-border-color)}.Vlt-checkbox__button input:checked~.Vlt-checkbox__icon{border-color:var(--vgip-meta-input-border-color)}.Vlt-checkbox__button input:hover:not(:checked)~.Vlt-checkbox__icon,.Vlt-checkbox__button input:focus:not(:checked)~.Vlt-checkbox__icon,.Vlt-checkbox__button input:active:not(:checked)~.Vlt-checkbox__icon{border-color:var(--vgip-meta-input-active-border-color)}.Vlt-checkbox__button input:hover:checked~.Vlt-checkbox__icon,.Vlt-checkbox__button input:focus:checked~.Vlt-checkbox__icon,.Vlt-checkbox__button input:active:checked~.Vlt-checkbox__icon{border-color:var(--vgip-meta-input-accent-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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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: "pipe", type: MetaModelPipe, name: "metaModel" }], viewProviders: [{ provide: ControlContainer, useExisting: NgForm }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FieldBoolean, 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' [title]='meta.label || meta.name'>{{meta.label || meta.name}}</div>\n  <div class='vgip-meta-field-value __gu'>\n    {{ model ? '\u2714' : '\u2718'}}\n  </div>\n</div>\n<div *ngIf='!preview' class=\"Vlt-form__element\" [ngClass]=\"{ 'Vlt-form__element--error': f.invalid && ((f | metaModel)._parent.submitted || (f | metaModel ).touched) }\">\n\t<input class='model' type='hidden' [required]='validations.required' [(ngModel)]='model' #f='ngModel' [name]='name' />\n\t<div class=\"Vlt-switch\" *ngIf=\"meta.subtype === 'switch'\">\n\t\t<label style='vertical-align: middle;'>\n\t\t\t<input class='model' type=\"checkbox\" [(ngModel)]='model' (change)='onOptionChange()' [name]='name'/>\n\t\t\t<span class=\"Vlt-switch__slider\"></span>\n\t\t\t<span style='margin-left: 60px; line-height: 30px; white-space: nowrap;'>{{meta.label || meta.name}}</span>\n\t\t</label>\n\t</div>\n\t<div class=\"Vlt-checkbox\" *ngIf=\"meta.subtype !== 'switch'\">\n\t\t<label style='cursor: pointer;'>\n\t\t\t<span class=\"Vlt-checkbox__button\">\n\t\t\t\t<input class='model' type=\"checkbox\" [(ngModel)]='model' (change)='onOptionChange()' [name]='name'/>\n\t\t\t\t<span class=\"Vlt-checkbox__icon\"></span>\n\t\t\t</span>\n\t\t\t{{meta.label || meta.name}}\n\t\t</label>\n\t</div>\n\t<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.custom\">{{f.errors.custom}}&nbsp;</span>\n  </small>\n\t<small *ngIf='meta.hint' class=\"Vlt-form__element__hint\">{{meta.hint}}</small>\n</div>\n", styles: [".Vlt-checkbox+.Vlt-form__element__hint{margin-top:4px}.Vlt-checkbox__button input:not(:checked)~.Vlt-checkbox__icon{background-color:var(--vgip-meta-input-bg-color);border-color:var(--vgip-meta-input-border-color)}.Vlt-checkbox__button input:checked~.Vlt-checkbox__icon{border-color:var(--vgip-meta-input-border-color)}.Vlt-checkbox__button input:hover:not(:checked)~.Vlt-checkbox__icon,.Vlt-checkbox__button input:focus:not(:checked)~.Vlt-checkbox__icon,.Vlt-checkbox__button input:active:not(:checked)~.Vlt-checkbox__icon{border-color:var(--vgip-meta-input-active-border-color)}.Vlt-checkbox__button input:hover:checked~.Vlt-checkbox__icon,.Vlt-checkbox__button input:focus:checked~.Vlt-checkbox__icon,.Vlt-checkbox__button input:active:checked~.Vlt-checkbox__icon{border-color:var(--vgip-meta-input-accent-color)}\n"] }]
+        }], propDecorators: { meta: [{
+                type: Input
+            }] } });
+
+export { FieldBoolean };
+//# sourceMappingURL=vgip-meta-ui-index-bf5b6c0f.mjs.map

package/fesm2015/vgip-meta-ui-index-bf5b6c0f.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vgip-meta-ui-index-bf5b6c0f.mjs","sources":["../../../projects/meta-ui/src/lib/fieldBoolean/index.ts","../../../projects/meta-ui/src/lib/fieldBoolean/view.html"],"sourcesContent":["/*\n * @Author: Alexander.Vangelov@vonage.com\n * @Date: 2019-09-19 17:34:49\n * @Last Modified by: Alexander.Vangelov@vonage.com\n * @Last Modified time: 2020-03-26 12:57:51\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'\n\n@Component({\n  templateUrl: './view.html',\n  styleUrls: ['./style.scss'],\n  viewProviders: [{ provide: ControlContainer, useExisting: NgForm }]\n})\nexport class FieldBoolean extends FieldAbstract implements OnInit {\n  @Input() meta: any;\n  value: boolean;\n\n  ngOnInit() {\n    const origValue = this.parent[this.meta.name];\n    Object.defineProperty(this.parent, this.meta.name, {\n      set: (value) => {\n        if (typeof (value) === 'object' && value !== null) {\n          value = value.value || value.id || false;\n        }\n        if (!value && (typeof(this.prevModel) === 'boolean') && this.isPersistedParent) {\n          value = false;\n        }\n        console.log('boolean field setting model', value);\n        this.model = (value === true) || (value != null && (['true', '1'].indexOf(value.toString().toLowerCase()) !== -1));\n        this.value = this.model;\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    if (typeof(this.meta.default) !== 'undefined' && typeof(this.model) === 'undefined' && !(this.meta.default instanceof Array)) {\n      setTimeout(() => {\n        this.onModelChange(this.meta.default);\n      }, 0);\n    }\n  }\n\n  onOptionChange() {\n    this.onModelChange(this.model);\n  }\n}\n","<div class='vgip-meta-field-preview' *ngIf='preview && model'>\n  <div class='vgip-meta-field-label' [title]='meta.label || meta.name'>{{meta.label || meta.name}}</div>\n  <div class='vgip-meta-field-value __gu'>\n    {{ model ? '✔' : '✘'}}\n  </div>\n</div>\n<div *ngIf='!preview' class=\"Vlt-form__element\" [ngClass]=\"{ 'Vlt-form__element--error': f.invalid && ((f | metaModel)._parent.submitted || (f | metaModel ).touched) }\">\n\t<input class='model' type='hidden' [required]='validations.required' [(ngModel)]='model' #f='ngModel' [name]='name' />\n\t<div class=\"Vlt-switch\" *ngIf=\"meta.subtype === 'switch'\">\n\t\t<label style='vertical-align: middle;'>\n\t\t\t<input class='model' type=\"checkbox\" [(ngModel)]='model' (change)='onOptionChange()' [name]='name'/>\n\t\t\t<span class=\"Vlt-switch__slider\"></span>\n\t\t\t<span style='margin-left: 60px; line-height: 30px; white-space: nowrap;'>{{meta.label || meta.name}}</span>\n\t\t</label>\n\t</div>\n\t<div class=\"Vlt-checkbox\" *ngIf=\"meta.subtype !== 'switch'\">\n\t\t<label style='cursor: pointer;'>\n\t\t\t<span class=\"Vlt-checkbox__button\">\n\t\t\t\t<input class='model' type=\"checkbox\" [(ngModel)]='model' (change)='onOptionChange()' [name]='name'/>\n\t\t\t\t<span class=\"Vlt-checkbox__icon\"></span>\n\t\t\t</span>\n\t\t\t{{meta.label || meta.name}}\n\t\t</label>\n\t</div>\n\t<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.custom\">{{f.errors.custom}}&nbsp;</span>\n  </small>\n\t<small *ngIf='meta.hint' class=\"Vlt-form__element__hint\">{{meta.hint}}</small>\n</div>\n"],"names":["i3.MetaModelPipe"],"mappings":"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"}

package/fesm2015/vgip-meta-ui.mjs

@@ -6,27 +6,27 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { HttpClientModule } from '@angular/common/http';
 import * as i4 from 'ngx-quill';
 import { QuillModule } from 'ngx-quill';
-import { M as MetaRefDialog, a as MetaResourceService, b as MetaReferenceService, c as MetaLayout, d as MetaResource, e as MetaAutofocusDirective } from './vgip-meta-ui-index-9ca39230.mjs';
-export { g as MetaHttpClient, f as MetaMsgService, m as metaNormalizer } from './vgip-meta-ui-index-9ca39230.mjs';
-import { FieldUnknown } from './vgip-meta-ui-index-5a12f79d.mjs';
-import { FieldInput } from './vgip-meta-ui-index-8f956c8f.mjs';
-import { FieldText } from './vgip-meta-ui-index-0fc1c4a5.mjs';
-import { FieldSelect } from './vgip-meta-ui-index-e4e3a171.mjs';
-import { F as FieldReference } from './vgip-meta-ui-index-89b8d1d4.mjs';
-export { M as MetaTrackerService } from './vgip-meta-ui-index-89b8d1d4.mjs';
-import { FieldComposite } from './vgip-meta-ui-index-b79a6173.mjs';
-import { FieldBoolean } from './vgip-meta-ui-index-a276b206.mjs';
-import { FieldRadio } from './vgip-meta-ui-index-91a02c0f.mjs';
-import { FieldList } from './vgip-meta-ui-index-fda3d1e2.mjs';
-import { FieldRichtext } from './vgip-meta-ui-index-9af6e01b.mjs';
-import { FieldDatetime } from './vgip-meta-ui-index-8c0d0972.mjs';
-import { FieldHidden } from './vgip-meta-ui-index-db9a2218.mjs';
+import { M as MetaRefDialog, a as MetaResourceService, b as MetaReferenceService, c as MetaLayout, d as MetaResource, e as MetaAutofocusDirective } from './vgip-meta-ui-index-2737c81e.mjs';
+export { g as MetaHttpClient, f as MetaMsgService, m as metaNormalizer } from './vgip-meta-ui-index-2737c81e.mjs';
+import { FieldUnknown } from './vgip-meta-ui-index-476b6cb7.mjs';
+import { FieldInput } from './vgip-meta-ui-index-81aa79dc.mjs';
+import { FieldText } from './vgip-meta-ui-index-1d2b4c69.mjs';
+import { FieldSelect } from './vgip-meta-ui-index-a76ba482.mjs';
+import { F as FieldReference } from './vgip-meta-ui-index-62be0e3e.mjs';
+export { M as MetaTrackerService } from './vgip-meta-ui-index-62be0e3e.mjs';
+import { FieldComposite } from './vgip-meta-ui-index-4ecdd48a.mjs';
+import { FieldBoolean } from './vgip-meta-ui-index-bf5b6c0f.mjs';
+import { FieldRadio } from './vgip-meta-ui-index-640f8e62.mjs';
+import { FieldList } from './vgip-meta-ui-index-3eefa50a.mjs';
+import { FieldRichtext } from './vgip-meta-ui-index-695384af.mjs';
+import { FieldDatetime } from './vgip-meta-ui-index-2b20afc8.mjs';
+import { FieldHidden } from './vgip-meta-ui-index-87041aad.mjs';
 import * as i1$1 from '@angular/platform-browser';
 import { M as MetaModelPipe } from './vgip-meta-ui-metaModel.pipe-4b068359.mjs';
 import { M as MetaContextService } from './vgip-meta-ui-index-6e77c362.mjs';
 export { r as relativeTimeBuilder } from './vgip-meta-ui-relativeTimeBuilder-31791ce4.mjs';
-import { M as MetaField, a as MetaFieldContentDirective } from './vgip-meta-ui-index-8a2f9dbf.mjs';
-export { a as metaDark, m as metaLight } from './vgip-meta-ui-fieldAbstract-17f26446.mjs';
+import { M as MetaField, a as MetaFieldContentDirective } from './vgip-meta-ui-index-4b8d731c.mjs';
+export { a as metaDark, m as metaLight } from './vgip-meta-ui-fieldAbstract-f7d80db6.mjs';
 import 'tslib';
 import 'rxjs';
 import 'rxjs/operators';

package/fesm2020/{vgip-meta-ui-fieldAbstract-17f26446.mjs → vgip-meta-ui-fieldAbstract-f7d80db6.mjs}

@@ -170,7 +170,7 @@ class FieldAbstract {
         return this.mainInput;
     }
     get isOptional() {
-        const baseOptional = !this.meta.unset && !this.validations.required && !this.meta.visible;
+        const baseOptional = this.preview || (!this.meta.unset && !this.validations.required && !this.meta.visible);
         switch (this.meta.type) {
             case 'composite': {
                 if (baseOptional) {
@@ -394,4 +394,4 @@ class MetaElemDisableadble {
 }
 
 export { FieldAbstract as F, metaDark as a, metaLight as m };
-//# sourceMappingURL=vgip-meta-ui-fieldAbstract-17f26446.mjs.map
+//# sourceMappingURL=vgip-meta-ui-fieldAbstract-f7d80db6.mjs.map

package/fesm2020/vgip-meta-ui-fieldAbstract-f7d80db6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vgip-meta-ui-fieldAbstract-f7d80db6.mjs","sources":["../../../projects/meta-ui/src/lib/common/utils/colorThemes.ts","../../../projects/meta-ui/src/lib/common/utils/smartProp.ts","../../../projects/meta-ui/src/lib/fieldAbstract.ts"],"sourcesContent":["export interface MetaTheme {\n  name: string;\n  properties: { [key: string]: string };\n}\n\n/* eslint-disable @typescript-eslint/naming-convention */\nexport const metaLight: MetaTheme = {\n  name: 'light',\n  properties: {\n    '--vgip-meta-resource-bg-color': '#f3f3f5',\n    '--vgip-meta-resource-color': '#131415',\n    '--vgip-meta-resource-bar-color': '#ffffff',\n    '--vgip-meta-separator-color': '#e1e2e6',\n    '--vgip-meta-scrollbar-color': '#131415',\n    '--vgip-meta-overlay-background': 'rgba(19, 20, 21, 0.5)',\n\n    '--vgip-meta-link-color': '#871fff',\n    '--vgip-meta-link-hover-color': '#441080',\n\n    '--vgip-meta-input-color': '#131415',\n    '--vgip-meta-input-bg-color': '#ffffff',\n    '--vgip-meta-input-label-color': '#616266',\n    '--vgip-meta-input-border-color': '#c2c4cc',\n    '--vgip-meta-input-active-border-color': '#2c2d30',\n    '--vgip-meta-input-action-hover-bg-color': '#e1e2e6',\n    '--vgip-meta-input-accent-bg-color': '#e1e2e6',\n    '--vgip-meta-input-accent-color': '#131415',\n    '--vgip-meta-input-placeholder-color': '#c2c4cc',\n    '--vgip-meta-input-disabled-bg-color': '#f3f3f5',\n    '--vgip-meta-input-disabled-border-color': '#e1e2e6',\n    '--vgip-meta-input-hint-color': '#616266',\n    // eslint-disable-next-line max-len\n    '--vgip-meta-dropdown-icon': 'url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIHN0eWxlPSJmaWxsOiMxMzE0MTU7IiBkPSJNNyw3LjhDNi43LDcuNSw2LjIsNy42LDUuOSw3LjlTNS43LDguNyw2LDlsNCwzLjRsNC0zLjRjMC4zLTAuMywwLjMtMC44LDAtMS4xDQoJYy0wLjMtMC4zLTAuNy0wLjMtMS0wLjFsLTMsMi42TDcsNy44TDcsNy44eiIvPg0KPC9zdmc+)',\n    '--vgip-meta-suggestions-bg-color': '#f3e9ff',\n    // eslint-disable-next-line max-len\n    '--vgip-meta-dropdown-check-icon': 'url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjMTMxNDE1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yLjkwNCAxMi4xMUwxLjUgMTMuNTIgNy45NTggMjAgMjIuNSA1LjQwOSAyMS4wOTYgNCA3Ljk1OCAxNy4xODJ6Ii8+PC9zdmc+)',\n    '--vgip-meta-dropdown-bg-color': '#ffffff',\n    '--vgip-meta-dropdown-shadow': 'inset 0 0 0 1px #e1e2e6, 0 2px 5px rgba(19, 20, 21, 0.15)',\n    '--vgip-meta-submit-hover-bg-color': '#43474b',\n    '--vgip-meta-button-border-color': '#131415',\n    // eslint-disable-next-line max-len\n    '--vgip-meta-date-icon': 'url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDE2IDE2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAxNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjMTMxNDE1IiBkPSJNMTQuNSwySDEyVjAuNUMxMiwwLjIsMTEuOCwwLDExLjUsMFMxMSwwLjIsMTEsMC41VjJINVYwLjVDNSwwLjIsNC44LDAsNC41LDBTNCwwLjIsNCwwLjVWMkgxLjUKCUMwLjcsMiwwLDIuNywwLDMuNXYydjlDMCwxNS4zLDAuNywxNiwxLjUsMTZoMTNjMC44LDAsMS41LTAuNywxLjUtMS41di05di0yQzE2LDIuNywxNS4zLDIsMTQuNSwyeiBNMTUsMTQuNWMwLDAuMy0wLjIsMC41LTAuNSwwLjUKCWgtMTNDMS4yLDE1LDEsMTQuOCwxLDE0LjVWNmgxNFYxNC41eiBNMTUsNUgxVjMuNUMxLDMuMiwxLjIsMywxLjUsM2gzaDdoM0MxNC44LDMsMTUsMy4yLDE1LDMuNVY1eiIvPgo8L3N2Zz4K)',\n    // eslint-disable-next-line max-len\n    '--vgip-meta-time-icon': 'url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbD0iIzEzMTQxNSIgZD0iTTEuNiAxMkMxLjYgNi4yNTYyNCA2LjI1NjI0IDEuNiAxMiAxLjZDMTcuNzQzOCAxLjYgMjIuNCA2LjI1NjI0IDIyLjQgMTJDMjIuNCAxNy43NDM4IDE3Ljc0MzggMjIuNCAxMiAyMi40QzYuMjU2MjQgMjIuNCAxLjYgMTcuNzQzOCAxLjYgMTJaTTEyIDBDNS4zNzI1OCAwIDAgNS4zNzI1OCAwIDEyQzAgMTguNjI3NCA1LjM3MjU4IDI0IDEyIDI0QzE4LjYyNzQgMjQgMjQgMTguNjI3NCAyNCAxMkMyNCA1LjM3MjU4IDE4LjYyNzQgMCAxMiAwWk0xMi44IDUuNkMxMi44IDUuMTU4MTggMTIuNDQxOCA0LjggMTIgNC44QzExLjU1ODIgNC44IDExLjIgNS4xNTgxOCAxMS4yIDUuNlYxMkMxMS4yIDEyLjQ0MTggMTEuNTU4MiAxMi44IDEyIDEyLjhIMTguNEMxOC44NDE4IDEyLjggMTkuMiAxMi40NDE4IDE5LjIgMTJDMTkuMiAxMS41NTgyIDE4Ljg0MTggMTEuMiAxOC40IDExLjJIMTIuOFY1LjZaIi8+Cjwvc3ZnPgo=)'\n  }\n};\n\nexport const metaDark: MetaTheme = {\n  name: 'dark',\n  properties: {\n    '--vgip-meta-resource-bg-color': '#131415',\n    '--vgip-meta-resource-color': '#ffffff',\n    '--vgip-meta-resource-bar-color': '#242426',\n    '--vgip-meta-separator-color': '#616266',\n    '--vgip-meta-scrollbar-color': '#636366',\n    '--vgip-meta-overlay-background': 'rgba(200,201,204,.32)',\n\n    '--vgip-meta-link-color': '#B779FF',\n    '--vgip-meta-link-hover-color': '#c798ff',\n\n    '--vgip-meta-input-color': '#ffffff',\n    '--vgip-meta-input-bg-color': '#242426',\n    '--vgip-meta-input-label-color': '#959596',\n    '--vgip-meta-input-border-color': '#616266',\n    '--vgip-meta-input-active-border-color': '#c2c4cc',\n    '--vgip-meta-input-action-hover-bg-color': '#313133',\n    '--vgip-meta-input-accent-bg-color': '#313133',\n    '--vgip-meta-input-accent-color': '#ffffff',\n    '--vgip-meta-input-placeholder-color': '#48484A',\n    '--vgip-meta-input-disabled-bg-color': '#131415',\n    '--vgip-meta-input-disabled-border-color': '#313133',\n    '--vgip-meta-input-hint-color': '#898a90',\n    // eslint-disable-next-line max-len\n    '--vgip-meta-dropdown-icon': 'url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIHN0eWxlPSJmaWxsOiNmZmZmZmY7IiBkPSJNNyw3LjhDNi43LDcuNSw2LjIsNy42LDUuOSw3LjlTNS43LDguNyw2LDlsNCwzLjRsNC0zLjRjMC4zLTAuMywwLjMtMC44LDAtMS4xDQoJYy0wLjMtMC4zLTAuNy0wLjMtMS0wLjFsLTMsMi42TDcsNy44TDcsNy44eiIvPg0KPC9zdmc+)',\n    '--vgip-meta-suggestions-bg-color': '#871fff',\n    // eslint-disable-next-line max-len\n    '--vgip-meta-dropdown-check-icon': 'url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yLjkwNCAxMi4xMUwxLjUgMTMuNTIgNy45NTggMjAgMjIuNSA1LjQwOSAyMS4wOTYgNCA3Ljk1OCAxNy4xODJ6Ii8+PC9zdmc+)',\n    '--vgip-meta-dropdown-bg-color': '#48484A',\n    '--vgip-meta-dropdown-shadow': 'none',\n    '--vgip-meta-submit-hover-bg-color': '#131415',\n    '--vgip-meta-button-border-color': '#616266',\n    // eslint-disable-next-line max-len\n    '--vgip-meta-date-icon': 'url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDE2IDE2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAxNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTQuNSwySDEyVjAuNUMxMiwwLjIsMTEuOCwwLDExLjUsMFMxMSwwLjIsMTEsMC41VjJINVYwLjVDNSwwLjIsNC44LDAsNC41LDBTNCwwLjIsNCwwLjVWMkgxLjUKCUMwLjcsMiwwLDIuNywwLDMuNXYydjlDMCwxNS4zLDAuNywxNiwxLjUsMTZoMTNjMC44LDAsMS41LTAuNywxLjUtMS41di05di0yQzE2LDIuNywxNS4zLDIsMTQuNSwyeiBNMTUsMTQuNWMwLDAuMy0wLjIsMC41LTAuNSwwLjUKCWgtMTNDMS4yLDE1LDEsMTQuOCwxLDE0LjVWNmgxNFYxNC41eiBNMTUsNUgxVjMuNUMxLDMuMiwxLjIsMywxLjUsM2gzaDdoM0MxNC44LDMsMTUsMy4yLDE1LDMuNVY1eiIvPgo8L3N2Zz4K)',\n    // eslint-disable-next-line max-len\n    '--vgip-meta-time-icon': 'url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTEuNiAxMkMxLjYgNi4yNTYyNCA2LjI1NjI0IDEuNiAxMiAxLjZDMTcuNzQzOCAxLjYgMjIuNCA2LjI1NjI0IDIyLjQgMTJDMjIuNCAxNy43NDM4IDE3Ljc0MzggMjIuNCAxMiAyMi40QzYuMjU2MjQgMjIuNCAxLjYgMTcuNzQzOCAxLjYgMTJaTTEyIDBDNS4zNzI1OCAwIDAgNS4zNzI1OCAwIDEyQzAgMTguNjI3NCA1LjM3MjU4IDI0IDEyIDI0QzE4LjYyNzQgMjQgMjQgMTguNjI3NCAyNCAxMkMyNCA1LjM3MjU4IDE4LjYyNzQgMCAxMiAwWk0xMi44IDUuNkMxMi44IDUuMTU4MTggMTIuNDQxOCA0LjggMTIgNC44QzExLjU1ODIgNC44IDExLjIgNS4xNTgxOCAxMS4yIDUuNlYxMkMxMS4yIDEyLjQ0MTggMTEuNTU4MiAxMi44IDEyIDEyLjhIMTguNEMxOC44NDE4IDEyLjggMTkuMiAxMi40NDE4IDE5LjIgMTJDMTkuMiAxMS41NTgyIDE4Ljg0MTggMTEuMiAxOC40IDExLjJIMTIuOFY1LjZaIi8+Cjwvc3ZnPgo=)'\n  }\n};\n/* eslint-enable @typescript-eslint/naming-convention */\n","export const extractValueBySmartProp = (rootObj, prop) => {\n  //  { WhoId: { id: 1, type: 'Contact' } } // \"WhoId.type\" -> 'Contact'\n  if (rootObj.hasOwnProperty(prop)) {\n    return rootObj[prop];\n  } else {\n    const parts = prop.split('.');\n    if (parts.length > 1) {\n      if (rootObj.hasOwnProperty(parts[0])) {\n        if (typeof (rootObj[parts[0]]) === 'object' && rootObj[parts[0]][parts[1]]) {\n          return extractValueBySmartProp(rootObj[parts[0]], prop.substring(parts[0].length + 1));\n        }\n      }\n    }\n  }\n};\n\nexport const extractBooleanValueBySmartProp = (rootValue, visibleObj) => {\n  if (rootValue) {\n    if(typeof(rootValue) === 'boolean') {\n      return visibleObj !== rootValue;\n    }else{\n      return rootValue !== '' ? visibleObj !== true : visibleObj !== false;\n    }\n  } else {\n    // rootValue is undefined\n    return visibleObj !== false;\n  }\n};\n","/*\n * @Author: Alexander.Vangelov@vonage.com\n * @Date: 2019-09-19 17:34:44\n * @Last Modified by: Alexander.Vangelov@vonage.com\n * @Last Modified time: 2020-04-18 21:18:08\n */\n\nimport { ElementRef, AfterViewInit, EventEmitter, Directive } from '@angular/core';\n// import { ControlValueAccessor } from '@angular/forms';\nimport { BehaviorSubject } from 'rxjs';\nimport { debounceTime, distinctUntilChanged } from 'rxjs/operators';\nimport { metaDark, metaLight } from './common/utils/colorThemes';\nimport { extractValueBySmartProp, extractBooleanValueBySmartProp } from '../lib/common/utils/smartProp';\n\nexport interface IMetaField<T extends FieldAbstract> {\n  meta: any;\n  model: any;\n}\n\n@Directive()\n// eslint-disable-next-line @angular-eslint/directive-class-suffix\nexport abstract class FieldAbstract implements AfterViewInit { // implements ControlValueAccessor {\n  model: any;\n  meta: any;\n  index: number;\n  scope = '';\n  parent: any;\n  integrationCode: string;\n  integrationIcon: string;\n  resourceType: string;\n  elementRef: ElementRef;\n  modelInput: HTMLInputElement;\n  modelControl: HTMLInputElement;\n  mainInput: HTMLInputElement;\n  keyListenerActive: boolean;\n  onChange: EventEmitter<any>;\n  onLeave: EventEmitter<any>;\n  validationAttributes = [];\n  preview: boolean;\n  prevModel: any;\n  changeEvent = document.createEvent('MouseEvents');\n  metaResourceService: any;\n  logicalDisabled = false;\n  theme: string;\n  flags: any = {};\n\n  get parentChangeSubject() {\n    if (!Object.getOwnPropertyDescriptor(this.parent, '$changeSubject')) {\n      Object.defineProperty(this.parent, '$changeSubject', {\n        value: new BehaviorSubject({}).pipe(debounceTime(300), distinctUntilChanged()),\n        writable: false,\n        enumerable: false\n      });\n    }\n    return this.parent.$changeSubject;\n  }\n\n  get isPersistedParent() {\n    // eslint-disable-next-line no-underscore-dangle\n    return this.parent && this.parent._vgis && (this.parent._vgis.externalId || this.parent._vgis.id );\n  }\n\n  get validations() {\n    return this.meta.validations || {};\n  }\n\n  get name() {\n    return (typeof (this.index) === 'undefined') ? `${this.scope}${this.meta.name}` : `${this.scope}${this.meta.name}[${this.index}]`;\n  }\n\n  get default() {\n    return this.meta.default || this.meta.defaultValue;\n  }\n\n  get disabled() {\n    // TODO conditions\n    return this.logicalDisabled || this.validations.disabled || this.meta.disabled === true || this.flags.disabled\n      || (this.flags.updatable === false && this.isPersistedParent);\n  }\n\n  get readonly() {\n    // TODO conditions\n    return !!(this.validations.readonly || this.meta.readonly || (this.flags.updatable === false));\n  }\n\n  get sendToServer() {\n    return this.isPersistedParent ? (this.flags.updatable !== false) : (this.flags.creatable !== false);\n  }\n\n  get uiInput() {\n    if (!this.mainInput) {\n      this.mainInput = this.elementRef.nativeElement.querySelector('.main:not([type=\"hidden\"]):not(.standalone)');\n    }\n    return this.mainInput;\n  }\n\n  get isOptional() {\n    const baseOptional = this.preview || (!this.meta.unset && !this.validations.required && !this.meta.visible);\n    switch (this.meta.type) {\n      case 'composite': {\n        if (baseOptional) {\n          return !this.meta.fields.find((f) => !f.$optional);\n        }\n        return false;\n      }\n      case 'list': {\n        if (baseOptional) {\n          return !(this.parent[this.meta.name] instanceof Array && this.parent[this.meta.name].length) && !this.meta.min;\n        }\n        return false;\n      }\n      default: {\n        return baseOptional && typeof(this.parent[this.meta.name]) === 'undefined';\n      }\n    }\n  }\n\n  static setup(instance, parent, meta) { }\n\n  ngAfterViewInit() {\n    if (this.elementRef) {\n      if (this.integrationCode === 'mocks') {\n        this.integrationIcon = 'Brand-icon-vonage';\n      } else {\n        switch (this.integrationCode) {\n          case 'office365':\n            this.integrationIcon = 'Brand-icon-office-color';\n            break;\n          case 'sugar':\n            this.integrationIcon = 'Brand-icon-sugarcrm-color';\n            break;\n          case 'msdynamics':\n            this.integrationIcon = 'Brand-icon-dynamics-color';\n            break;\n          default:\n            this.integrationIcon = `Brand-icon-${(this.integrationCode || '').toLowerCase()}-color`;\n        }\n      }\n      Object.defineProperty(this.meta, '$optional', {\n        value: (typeof(this.default) === 'undefined') && this.isOptional,\n        writable: true,\n        configurable: true,\n        enumerable: false\n      });\n      this.flags = this.meta.flags || {};\n      Object.defineProperty(this.meta, '$hidden', {\n        value: !this.isPersistedParent && this.flags.creatable === false,\n        writable: true,\n        configurable: true,\n        enumerable: false\n      });\n      if (typeof(this.meta.hidden) !== 'undefined') {\n        if (typeof(this.meta.hidden) === 'object') {\n          const setHiddenByPropertyConfig = (par) => {\n            if (typeof(this.meta.hidden[par]) === 'boolean') { // any value makes me hidden\n              this.meta.$hidden = !!this.parent[par];\n            } else {\n              const value = extractValueBySmartProp(this.parent, par);\n              const parValue = value ? (value.id || value.value || value) : value;\n              this.meta.$hidden = this.meta.hidden[par] === parValue;\n            }\n          };\n          for (const par of Object.keys(this.meta.hidden)) {\n            setHiddenByPropertyConfig(par);\n            this.parentChangeSubject.subscribe((value) => {\n              if (value && value.hasOwnProperty(par.split('.')[0])) {\n                setHiddenByPropertyConfig(par);\n                if (this.meta.$hidden) {\n                  delete this.parent[this.meta.name];\n                }\n              }\n            });\n          }\n        } else if (typeof(this.meta.hidden) === 'string') {\n          if (this.meta.hidden.toUpperCase() === 'CREATE') {\n            this.meta.$hidden = !this.isPersistedParent;\n          } else if (this.meta.hidden.toUpperCase() === 'UPDATE') {\n            this.meta.$hidden = this.isPersistedParent;\n          }\n        } else {\n          this.meta.$hidden= !!this.meta.hidden;\n        }\n      }\n\n      Object.defineProperty(this.meta, '$invisible', {\n        value: false,\n        writable: true,\n        configurable: true,\n        enumerable: false\n      });\n      if (typeof(this.meta.visible) !== 'undefined') {\n        if (typeof(this.meta.visible) === 'object') {\n          const setInvisibleByPropertyConfig = (par) => {\n            if (typeof(this.meta.visible[par]) === 'boolean') { // any value makes me hidden\n              this.meta.$invisible = extractBooleanValueBySmartProp(this.parent[par],this.meta.visible[par]);\n            } else {\n              const value = extractValueBySmartProp(this.parent, par);\n              const parValue = value ? (value.id || value.value || value) : value;\n              this.meta.$invisible = this.meta.visible[par] !== parValue;\n            }\n          };\n          for (const par of Object.keys(this.meta.visible)) {\n            setInvisibleByPropertyConfig(par);\n            this.parentChangeSubject.subscribe((value) => {\n              // if (value && value.hasOwnProperty(par.split('.')[0])) {\n                setInvisibleByPropertyConfig(par);\n                if (this.meta.$invisible) {\n                  delete this.parent[this.meta.name];\n                }\n              // }\n            });\n          }\n        } else if (typeof(this.meta.visible) === 'string') {\n          if (this.meta.visible.toUpperCase() === 'CREATE') {\n            this.meta.$invisible = this.isPersistedParent;\n          } else if (this.meta.visible.toUpperCase() === 'UPDATE') {\n            this.meta.$invisible = !this.isPersistedParent;\n          }\n        }\n      }\n\n      if (this.theme !== 'inherit') {\n        const metaTheme = this.theme === 'dark' ? metaDark : metaLight;\n        for (const key of Object.keys(metaTheme.properties)) {\n          this.elementRef.nativeElement.style.setProperty(key, metaTheme.properties[key]);\n        }\n      }\n    }\n  }\n\n  focus() {\n    const input = this.uiInput;\n    if (input) {\n      input.focus();\n    }\n  }\n\n  modelToValue(m, valueType) {\n    if (typeof(m) !== 'undefined') {\n      switch (valueType) {\n        case 'object': {\n          return m ? { id: m.id, label: m.label, type: m.type } : m;\n        }\n        case 'number': {\n          if (m != null) {\n            const v = m.id || m;\n            try {\n              return parseInt(v, 10);\n            } catch(e) {\n              return v;\n            }\n          }\n          break;\n        }\n        default: {\n          if (m != null) {\n            return m.id || m;\n          }\n        }\n      }\n    }\n  }\n\n  onSubjectChange(model) {\n    if (Object.getOwnPropertyDescriptor(this.parent, '$changeSubject')) {\n      const parentChange: any = {};\n      parentChange[this.meta.name] = model;\n      this.parentChangeSubject.next(parentChange);\n    }\n  }\n\n  onModelChange(model) {\n    // TODO add resource type logic\n    if (this.model instanceof Array) {\n      this.parent[this.meta.name] = this.model.map((m) => this.modelToValue(m, this.meta.valueType));\n    } else {\n      this.parent[this.meta.name] = this.modelToValue(model, this.meta.valueType);\n    }\n    this.onChange.emit(model);\n    this.onSubjectChange(model);\n    // console.log('onChange', model);\n    this.changeEvent.initMouseEvent('change', true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);\n    this.elementRef.nativeElement.dispatchEvent(this.changeEvent);\n    if (this.model) {\n      this.prevModel = this.model;\n    } else {\n      this.meta.unset = true;\n    }\n    this.meta.$optional = this.isOptional;\n  }\n\n  clear() {\n    delete this.model;\n    this.onModelChange(this.model);\n  }\n\n  private applyValidations() {\n    this.validationAttributes.forEach((attribute) => {\n      const validation = this.validations[attribute];\n      if (validation) {\n        this.modelInput.setAttribute(attribute, validation.value || validation);\n      }\n    });\n  }\n}\n\n\nexport class MetaElem {\n  csselem: string;\n  meta: any;\n}\n\nexport abstract class MetaElemDisableadble implements MetaElem {\n  cssmodifier: string;\n  abstract meta: any;\n  abstract csselem: string;\n  abstract elementRef: ElementRef;\n  disable() {\n    console.log(this.cssmodifier);\n    this.elementRef.nativeElement.classList.remove(this.cssmodifier);\n  }\n}\n\n"],"names":[],"mappings":"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"}

package/fesm2020/vgip-meta-ui-index-1d2b4c69.mjs

@@ -0,0 +1,68 @@
+import * as i0 from '@angular/core';
+import { Component, Input } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { ControlContainer, NgForm } from '@angular/forms';
+import { F as FieldAbstract } from './vgip-meta-ui-fieldAbstract-f7d80db6.mjs';
+import { t as templateBuilder, M as MetaContextService } from './vgip-meta-ui-index-6e77c362.mjs';
+import * as i1 from '@angular/common';
+import { M as MetaModelPipe } from './vgip-meta-ui-metaModel.pipe-4b068359.mjs';
+import 'rxjs';
+import 'rxjs/operators';
+
+/*
+ * @Author: Alexander.Vangelov@vonage.com
+ * @Date: 2019-09-19 17:35:13
+ * @Last Modified by: Alexander.Vangelov@vonage.com
+ * @Last Modified time: 2020-02-26 20:00:33
+ */
+class FieldText extends FieldAbstract {
+    constructor(metaContext) {
+        super();
+        this.metaContext = metaContext;
+    }
+    static setup(instance, parent, meta) {
+        const d = meta.default || meta.defaultValue;
+        if (d && !parent[meta.name]) {
+            if (typeof (d) === 'string') {
+                parent[meta.name] = d;
+            }
+            else {
+                parent[meta.name] = d.id || d.value;
+            }
+        }
+    }
+    ngOnInit() {
+        if (typeof (this.parent[this.meta.name]) === 'string') {
+            this.parent[this.meta.name] = templateBuilder(this.metaContext, this.parent[this.meta.name]);
+        }
+        // if (this.default && !this.model) {
+        //   setTimeout(()=>{
+        //     if (typeof(this.default) == 'string') {
+        //       this.parent[this.meta.name] = this.default;
+        //     } else {
+        //       this.parent[this.meta.name] = this.default.id || this.default.value;
+        //     }
+        //   }, 0);
+        // }
+    }
+    onModelChangeLocal(value) {
+        if (!value && this.prevModel && this.isPersistedParent) {
+            value = '';
+        }
+        this.onModelChange(value);
+    }
+    textToSpeech() {
+        this.focus();
+    }
+}
+FieldText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FieldText, deps: [{ token: MetaContextService }], target: i0.ɵɵFactoryTarget.Component });
+FieldText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", 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' [title]='meta.label || meta.name'>{{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}}&nbsp;</span>\n  </small>\n  <small *ngIf='meta.helpText' class=\"Vlt-form__element__hint\">{{meta.helpText}}</small>\n</div>\n", 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 }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FieldText, decorators: [{
+            type: Component,
+            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' [title]='meta.label || meta.name'>{{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}}&nbsp;</span>\n  </small>\n  <small *ngIf='meta.helpText' class=\"Vlt-form__element__hint\">{{meta.helpText}}</small>\n</div>\n", 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"] }]
+        }], ctorParameters: function () { return [{ type: MetaContextService }]; }, propDecorators: { meta: [{
+                type: Input
+            }] } });
+
+export { FieldText };
+//# sourceMappingURL=vgip-meta-ui-index-1d2b4c69.mjs.map

package/fesm2020/vgip-meta-ui-index-1d2b4c69.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vgip-meta-ui-index-1d2b4c69.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' [title]='meta.label || meta.name'>{{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}}&nbsp;</span>\n  </small>\n  <small *ngIf='meta.helpText' class=\"Vlt-form__element__hint\">{{meta.helpText}}</small>\n</div>\n"],"names":["i1.MetaContextService","i2","i3","i4.MetaModelPipe"],"mappings":"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"}

package/{fesm2015/vgip-meta-ui-index-8c0d0972.mjs → fesm2020/vgip-meta-ui-index-2b20afc8.mjs}

@@ -2,7 +2,7 @@ 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-17f26446.mjs';
+import { F as FieldAbstract } from './vgip-meta-ui-fieldAbstract-f7d80db6.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-4b068359.mjs';
@@ -358,11 +358,11 @@ class FieldDatetime extends FieldAbstract {
     }
 }
 FieldDatetime.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: FieldDatetime, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FieldDatetime.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: FieldDatetime, 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), 'has-value': f.value, active: keyListenerActive }\">\n  <div class=\"Vlt-input\">\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]=\"type\" [placeholder]=\"placeholder\" (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></label>\n    </label>\n    <div class='Vlt-composite__append right-actions'>\n      <div *ngIf='model' class=\"Vlt-composite__append--icon\" (click)='clear()'>\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>\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.min\">Must be later than {{validations.min}}.&nbsp;</span>\n    <span *ngIf=\"f.errors.max\">Must be no later than {{validations}}.&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>", styles: [".Vlt-form__element--big.Vlt-form__element--error input.main,.Vlt-form__element--big.Vlt-form__element--error .Vlt-composite__append button{background:var(--vgip-meta-input-bg-color);border-color:#f25a6b;box-shadow:none}@-moz-document url-prefix(){.Vlt-composite__append.right-actions{right:10px!important}}.Vlt-composite__append.right-actions{position:absolute;top:5px;right:10px;cursor:pointer}@media screen and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.Vlt-composite__append.right-actions{right:53px}}.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:#2c2d30}:host-context ::ng-deep input::-webkit-calendar-picker-indicator{height:48px;width:51px;margin-top:-15px;margin-right:-15px;padding:0 2px 0 0;cursor:pointer;color:transparent;background-origin:content-box;background-size:initial;background-repeat:no-repeat;background-position:center;opacity:1;visibility:visible;background-image:var(--vgip-meta-date-icon)}:host-context ::ng-deep input::-webkit-calendar-picker-indicator:hover{background-color:var(--vgip-meta-input-action-hover-bg-color)}:host-context ::ng-deep input[type=time]::-webkit-calendar-picker-indicator{background-image:var(--vgip-meta-time-icon)}:host-context ::ng-deep input[readonly]::-webkit-calendar-picker-indicator{visibility:visible}:host-context ::ng-deep input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-clear-button{opacity:0;pointer-events:none}:host-context ::ng-deep input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-inner-spin-button{opacity:0;pointer-events:none}\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.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 }] });
+FieldDatetime.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: FieldDatetime, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class='vgip-meta-field-preview' *ngIf='preview && model'>\n  <div class='vgip-meta-field-label' [title]='meta.label || meta.name'>{{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), 'has-value': f.value, active: keyListenerActive }\">\n  <div class=\"Vlt-input\">\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]=\"type\" [placeholder]=\"placeholder\" (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></label>\n    </label>\n    <div class='Vlt-composite__append right-actions'>\n      <div *ngIf='model' class=\"Vlt-composite__append--icon\" (click)='clear()'>\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>\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.min\">Must be later than {{validations.min}}.&nbsp;</span>\n    <span *ngIf=\"f.errors.max\">Must be no later than {{validations}}.&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-form__element--error input.main,.Vlt-form__element--big.Vlt-form__element--error .Vlt-composite__append button{background:var(--vgip-meta-input-bg-color);border-color:#f25a6b;box-shadow:none}@-moz-document url-prefix(){.Vlt-composite__append.right-actions{right:10px!important}}.Vlt-composite__append.right-actions{position:absolute;top:5px;right:10px;cursor:pointer}@media screen and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.Vlt-composite__append.right-actions{right:53px}}.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:#2c2d30}:host-context ::ng-deep input::-webkit-calendar-picker-indicator{height:48px;width:51px;margin-top:-15px;margin-right:-15px;padding:0 2px 0 0;cursor:pointer;color:transparent;background-origin:content-box;background-size:initial;background-repeat:no-repeat;background-position:center;opacity:1;visibility:visible;background-image:var(--vgip-meta-date-icon)}:host-context ::ng-deep input::-webkit-calendar-picker-indicator:hover{background-color:var(--vgip-meta-input-action-hover-bg-color)}:host-context ::ng-deep input[type=time]::-webkit-calendar-picker-indicator{background-image:var(--vgip-meta-time-icon)}:host-context ::ng-deep input[readonly]::-webkit-calendar-picker-indicator{visibility:visible}:host-context ::ng-deep input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-clear-button{opacity:0;pointer-events:none}:host-context ::ng-deep input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-inner-spin-button{opacity:0;pointer-events:none}\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.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.2.8", ngImport: i0, type: FieldDatetime, 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), 'has-value': f.value, active: keyListenerActive }\">\n  <div class=\"Vlt-input\">\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]=\"type\" [placeholder]=\"placeholder\" (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></label>\n    </label>\n    <div class='Vlt-composite__append right-actions'>\n      <div *ngIf='model' class=\"Vlt-composite__append--icon\" (click)='clear()'>\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>\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.min\">Must be later than {{validations.min}}.&nbsp;</span>\n    <span *ngIf=\"f.errors.max\">Must be no later than {{validations}}.&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>", styles: [".Vlt-form__element--big.Vlt-form__element--error input.main,.Vlt-form__element--big.Vlt-form__element--error .Vlt-composite__append button{background:var(--vgip-meta-input-bg-color);border-color:#f25a6b;box-shadow:none}@-moz-document url-prefix(){.Vlt-composite__append.right-actions{right:10px!important}}.Vlt-composite__append.right-actions{position:absolute;top:5px;right:10px;cursor:pointer}@media screen and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.Vlt-composite__append.right-actions{right:53px}}.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:#2c2d30}:host-context ::ng-deep input::-webkit-calendar-picker-indicator{height:48px;width:51px;margin-top:-15px;margin-right:-15px;padding:0 2px 0 0;cursor:pointer;color:transparent;background-origin:content-box;background-size:initial;background-repeat:no-repeat;background-position:center;opacity:1;visibility:visible;background-image:var(--vgip-meta-date-icon)}:host-context ::ng-deep input::-webkit-calendar-picker-indicator:hover{background-color:var(--vgip-meta-input-action-hover-bg-color)}:host-context ::ng-deep input[type=time]::-webkit-calendar-picker-indicator{background-image:var(--vgip-meta-time-icon)}:host-context ::ng-deep input[readonly]::-webkit-calendar-picker-indicator{visibility:visible}:host-context ::ng-deep input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-clear-button{opacity:0;pointer-events:none}:host-context ::ng-deep input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-inner-spin-button{opacity:0;pointer-events:none}\n"] }]
+            args: [{ viewProviders: [{ provide: ControlContainer, useExisting: NgForm }], template: "<div class='vgip-meta-field-preview' *ngIf='preview && model'>\n  <div class='vgip-meta-field-label' [title]='meta.label || meta.name'>{{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), 'has-value': f.value, active: keyListenerActive }\">\n  <div class=\"Vlt-input\">\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]=\"type\" [placeholder]=\"placeholder\" (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></label>\n    </label>\n    <div class='Vlt-composite__append right-actions'>\n      <div *ngIf='model' class=\"Vlt-composite__append--icon\" (click)='clear()'>\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>\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.min\">Must be later than {{validations.min}}.&nbsp;</span>\n    <span *ngIf=\"f.errors.max\">Must be no later than {{validations}}.&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-form__element--error input.main,.Vlt-form__element--big.Vlt-form__element--error .Vlt-composite__append button{background:var(--vgip-meta-input-bg-color);border-color:#f25a6b;box-shadow:none}@-moz-document url-prefix(){.Vlt-composite__append.right-actions{right:10px!important}}.Vlt-composite__append.right-actions{position:absolute;top:5px;right:10px;cursor:pointer}@media screen and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm){.Vlt-composite__append.right-actions{right:53px}}.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:#2c2d30}:host-context ::ng-deep input::-webkit-calendar-picker-indicator{height:48px;width:51px;margin-top:-15px;margin-right:-15px;padding:0 2px 0 0;cursor:pointer;color:transparent;background-origin:content-box;background-size:initial;background-repeat:no-repeat;background-position:center;opacity:1;visibility:visible;background-image:var(--vgip-meta-date-icon)}:host-context ::ng-deep input::-webkit-calendar-picker-indicator:hover{background-color:var(--vgip-meta-input-action-hover-bg-color)}:host-context ::ng-deep input[type=time]::-webkit-calendar-picker-indicator{background-image:var(--vgip-meta-time-icon)}:host-context ::ng-deep input[readonly]::-webkit-calendar-picker-indicator{visibility:visible}:host-context ::ng-deep input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-clear-button{opacity:0;pointer-events:none}:host-context ::ng-deep input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-inner-spin-button{opacity:0;pointer-events:none}\n"] }]
         }] });
 
 export { FieldDatetime };
-//# sourceMappingURL=vgip-meta-ui-index-8c0d0972.mjs.map
+//# sourceMappingURL=vgip-meta-ui-index-2b20afc8.mjs.map