myrta-ui 17.0.20 → 17.0.21

package/src/lib/components/form/input-phone/directives/native-element-injector.directive.ts

@@ -1,27 +0,0 @@
-import { Directive, ElementRef, OnInit } from '@angular/core';
-import { NgControl } from '@angular/forms';
-
-/*
-"Property 'nativeElement' does not exist on type 'FormControl'".
-'NativeElementInjectorDirective' injects nativeElement to each control,
-so we can access it from inside validator for example.
-More about this approach and reasons for this:
-https://github.com/angular/angular/issues/18025
-https://stackoverflow.com/a/54075119/1617590
-*/
-@Directive({
-  // tslint:disable-next-line: directive-selector
-  selector: '[ngModel], [formControl], [formControlName]',
-})
-export class NativeElementInjectorDirective implements OnInit {
-  constructor(
-    private controlDir: NgControl,
-    private host: ElementRef<HTMLFormElement>
-  ) {}
-  ngOnInit() {
-    if (this.controlDir.control) {
-      // @ts-ignore
-      this.controlDir.control['nativeElement'] = this.host.nativeElement;
-    }
-  }
-}

package/src/lib/components/form/input-phone/enums/country-iso.enum.ts

@@ -1,245 +0,0 @@
-export enum CountryISO {
-  Afghanistan = 'af',
-  Albania = 'al',
-  Algeria = 'dz',
-  AmericanSamoa = 'as',
-  Andorra = 'ad',
-  Angola = 'ao',
-  Anguilla = 'ai',
-  AntiguaAndBarbuda = 'ag',
-  Argentina = 'ar',
-  Armenia = 'am',
-  Aruba = 'aw',
-  Australia = 'au',
-  Austria = 'at',
-  Azerbaijan = 'az',
-  Bahamas = 'bs',
-  Bahrain = 'bh',
-  Bangladesh = 'bd',
-  Barbados = 'bb',
-  Belarus = 'by',
-  Belgium = 'be',
-  Belize = 'bz',
-  Benin = 'bj',
-  Bermuda = 'bm',
-  Bhutan = 'bt',
-  Bolivia = 'bo',
-  BosniaAndHerzegovina = 'ba',
-  Botswana = 'bw',
-  Brazil = 'br',
-  BritishIndianOceanTerritory = 'io',
-  BritishVirginIslands = 'vg',
-  Brunei = 'bn',
-  Bulgaria = 'bg',
-  BurkinaFaso = 'bf',
-  Burundi = 'bi',
-  Cambodia = 'kh',
-  Cameroon = 'cm',
-  Canada = 'ca',
-  CapeVerde = 'cv',
-  CaribbeanNetherlands = 'bq',
-  CaymanIslands = 'ky',
-  CentralAfricanRepublic = 'cf',
-  Chad = 'td',
-  Chile = 'cl',
-  China = 'cn',
-  ChristmasIsland = 'cx',
-  Cocos = 'cc',
-  Colombia = 'co',
-  Comoros = 'km',
-  CongoDRCJamhuriYaKidemokrasiaYaKongo = 'cd',
-  CongoRepublicCongoBrazzaville = 'cg',
-  CookIslands = 'ck',
-  CostaRica = 'cr',
-  CôteDIvoire = 'ci',
-  Croatia = 'hr',
-  Cuba = 'cu',
-  Curaçao = 'cw',
-  Cyprus = 'cy',
-  CzechRepublic = 'cz',
-  Denmark = 'dk',
-  Djibouti = 'dj',
-  Dominica = 'dm',
-  DominicanRepublic = 'do',
-  Ecuador = 'ec',
-  Egypt = 'eg',
-  ElSalvador = 'sv',
-  EquatorialGuinea = 'gq',
-  Eritrea = 'er',
-  Estonia = 'ee',
-  Ethiopia = 'et',
-  FalklandIslands = 'fk',
-  FaroeIslands = 'fo',
-  Fiji = 'fj',
-  Finland = 'fi',
-  France = 'fr',
-  FrenchGuiana = 'gf',
-  FrenchPolynesia = 'pf',
-  Gabon = 'ga',
-  Gambia = 'gm',
-  Georgia = 'ge',
-  Germany = 'de',
-  Ghana = 'gh',
-  Gibraltar = 'gi',
-  Greece = 'gr',
-  Greenland = 'gl',
-  Grenada = 'gd',
-  Guadeloupe = 'gp',
-  Guam = 'gu',
-  Guatemala = 'gt',
-  Guernsey = 'gg',
-  Guinea = 'gn',
-  GuineaBissau = 'gw',
-  Guyana = 'gy',
-  Haiti = 'ht',
-  Honduras = 'hn',
-  HongKong = 'hk',
-  Hungary = 'hu',
-  Iceland = 'is',
-  India = 'in',
-  Indonesia = 'id',
-  Iran = 'ir',
-  Iraq = 'iq',
-  Ireland = 'ie',
-  IsleOfMan = 'im',
-  Israel = 'il',
-  Italy = 'it',
-  Jamaica = 'jm',
-  Japan = 'jp',
-  Jersey = 'je',
-  Jordan = 'jo',
-  Kazakhstan = 'kz',
-  Kenya = 'ke',
-  Kiribati = 'ki',
-  Kosovo = 'xk',
-  Kuwait = 'kw',
-  Kyrgyzstan = 'kg',
-  Laos = 'la',
-  Latvia = 'lv',
-  Lebanon = 'lb',
-  Lesotho = 'ls',
-  Liberia = 'lr',
-  Libya = 'ly',
-  Liechtenstein = 'li',
-  Lithuania = 'lt',
-  Luxembourg = 'lu',
-  Macau = 'mo',
-  Macedonia = 'mk',
-  Madagascar = 'mg',
-  Malawi = 'mw',
-  Malaysia = 'my',
-  Maldives = 'mv',
-  Mali = 'ml',
-  Malta = 'mt',
-  MarshallIslands = 'mh',
-  Martinique = 'mq',
-  Mauritania = 'mr',
-  Mauritius = 'mu',
-  Mayotte = 'yt',
-  Mexico = 'mx',
-  Micronesia = 'fm',
-  Moldova = 'md',
-  Monaco = 'mc',
-  Mongolia = 'mn',
-  Montenegro = 'me',
-  Montserrat = 'ms',
-  Morocco = 'ma',
-  Mozambique = 'mz',
-  Myanmar = 'mm',
-  Namibia = 'na',
-  Nauru = 'nr',
-  Nepal = 'np',
-  Netherlands = 'nl',
-  NewCaledonia = 'nc',
-  NewZealand = 'nz',
-  Nicaragua = 'ni',
-  Niger = 'ne',
-  Nigeria = 'ng',
-  Niue = 'nu',
-  NorfolkIsland = 'nf',
-  NorthKorea = 'kp',
-  NorthernMarianaIslands = 'mp',
-  Norway = 'no',
-  Oman = 'om',
-  Pakistan = 'pk',
-  Palau = 'pw',
-  Palestine = 'ps',
-  Panama = 'pa',
-  PapuaNewGuinea = 'pg',
-  Paraguay = 'py',
-  Peru = 'pe',
-  Philippines = 'ph',
-  Poland = 'pl',
-  Portugal = 'pt',
-  PuertoRico = 'pr',
-  Qatar = 'qa',
-  Réunion = 're',
-  Romania = 'ro',
-  Russia = 'ru',
-  Rwanda = 'rw',
-  SaintBarthélemy = 'bl',
-  SaintHelena = 'sh',
-  SaintKittsAndNevis = 'kn',
-  SaintLucia = 'lc',
-  SaintMartin = 'mf',
-  SaintPierreAndMiquelon = 'pm',
-  SaintVincentAndTheGrenadines = 'vc',
-  Samoa = 'ws',
-  SanMarino = 'sm',
-  SãoToméAndPríncipe = 'st',
-  SaudiArabia = 'sa',
-  Senegal = 'sn',
-  Serbia = 'rs',
-  Seychelles = 'sc',
-  SierraLeone = 'sl',
-  Singapore = 'sg',
-  SintMaarten = 'sx',
-  Slovakia = 'sk',
-  Slovenia = 'si',
-  SolomonIslands = 'sb',
-  Somalia = 'so',
-  SouthAfrica = 'za',
-  SouthKorea = 'kr',
-  SouthSudan = 'ss',
-  Spain = 'es',
-  SriLanka = 'lk',
-  Sudan = 'sd',
-  Suriname = 'sr',
-  SvalbardAndJanMayen = 'sj',
-  Swaziland = 'sz',
-  Sweden = 'se',
-  Switzerland = 'ch',
-  Syria = 'sy',
-  Taiwan = 'tw',
-  Tajikistan = 'tj',
-  Tanzania = 'tz',
-  Thailand = 'th',
-  TimorLeste = 'tl',
-  Togo = 'tg',
-  Tokelau = 'tk',
-  Tonga = 'to',
-  TrinidadAndTobago = 'tt',
-  Tunisia = 'tn',
-  Turkey = 'tr',
-  Turkmenistan = 'tm',
-  TurksAndCaicosIslands = 'tc',
-  Tuvalu = 'tv',
-  USVirginIslands = 'vi',
-  Uganda = 'ug',
-  Ukraine = 'ua',
-  UnitedArabEmirates = 'ae',
-  UnitedKingdom = 'gb',
-  UnitedStates = 'us',
-  Uruguay = 'uy',
-  Uzbekistan = 'uz',
-  Vanuatu = 'vu',
-  VaticanCity = 'va',
-  Venezuela = 've',
-  Vietnam = 'vn',
-  WallisAndFutuna = 'wf',
-  WesternSahara = 'eh',
-  Yemen = 'ye',
-  Zambia = 'zm',
-  Zimbabwe = 'zw',
-  ÅlandIslands = 'ax',
-}

package/src/lib/components/form/input-phone/enums/input-phone.enum.ts

@@ -1,14 +0,0 @@
-export enum InputPhoneSizesEnum {
-  'small' = 'mrx-input-phone-sm',
-  'medium' = 'mrx-input-phone-md',
-  'large' = 'mrx-input-phone-lg',
-}
-
-export type InputPhoneSizesTypes = 'small' | 'medium' | 'large';
-
-export type InputPhoneValueTypes = string | undefined;
-
-export interface InputPhoneValueWithId {
-  value: any,
-  id: string
-}

package/src/lib/components/form/input-phone/enums/mask.enum.ts

@@ -1,147 +0,0 @@
-export interface MaskI {
-  mask: string,
-  maskPrefix: string
-}
-
-export interface MaskItem {
-  [name: string]: MaskI;
-}
-
-export const MaskCode: MaskItem = {
-  AR: {
-    mask: '(00) 0000-0000',
-    maskPrefix: '+54'
-  },
-  AM: {
-    mask: '(00) 000-000',
-    maskPrefix: '+374'
-  },
-  BY: {
-    mask: '(00) 000-00-00',
-    maskPrefix: '+375'
-  },
-  BR: {
-    mask: '(00) 0000-0000',
-    maskPrefix: '+55'
-  },
-  BN: {
-    mask: '000-0000',
-    maskPrefix: '+673'
-  },
-  KH: {
-    mask: '(00) 000-000',
-    maskPrefix: '+855'
-  },
-  CO: {
-    mask: '(000) 000-0000',
-    maskPrefix: '+57'
-  },
-  CU: {
-    mask: '(0) 000-0000',
-    maskPrefix: '+53'
-  },
-  EC: {
-    mask: '(0) 000-0000',
-    maskPrefix: '+593'
-  },
-  EG: {
-    mask: '(0) 0000-0000',
-    maskPrefix: '+20'
-  },
-  GE: {
-    mask: '(00) 000-00-00',
-    maskPrefix: '+995'
-  },
-  IN: {
-    mask: '00000-00000',
-    maskPrefix: '+91'
-  },
-  ID: {
-    mask: '(00) 000-0000',
-    maskPrefix: '+62'
-  },
-  IR: {
-    mask: '(00) 0000-0000',
-    maskPrefix: '+98'
-  },
-  KZ: {
-    mask: '00000-0-00-00',
-    maskPrefix: '+7'
-  },
-  KE: {
-    mask: '00-0000000',
-    maskPrefix: '+254'
-  },
-  KG: {
-    mask: '000-000-000',
-    maskPrefix: '+996'
-  },
-  LA: {
-    mask: '00-000-000',
-    maskPrefix: '+856'
-  },
-  MG: {
-    mask: '00-00-000-00',
-    maskPrefix: '+261'
-  },
-  MY: {
-    mask: '0-0000-0000',
-    maskPrefix: '+60'
-  },
-  MX: {
-    mask: '000-000-0000',
-    maskPrefix: '+52'
-  },
-  MM: {
-    mask: '0-000-000',
-    maskPrefix: '+95'
-  },
-  NI: {
-    mask: '0000-0000',
-    maskPrefix: '+505'
-  },
-  PE: {
-    mask: '0-0000000',
-    maskPrefix: '+51'
-  },
-  PH: {
-    mask: '0-0000-0000',
-    maskPrefix: '+63'
-  },
-  RU: {
-    mask: '(000) 000-00-00',
-    maskPrefix: '+7'
-  },
-  RS: {
-    mask: '00-000000',
-    maskPrefix: '+381'
-  },
-  SS: {
-    mask: '000-000-000',
-    maskPrefix: '+211'
-  },
-  TJ: {
-    mask: '000-00-0000',
-    maskPrefix: '+992'
-  },
-  TZ: {
-    mask: '00-000-0000',
-    maskPrefix: '+255'
-  },
-  TH: {
-    mask: '0-000-0000',
-    maskPrefix: '+66'
-  },
-  TM: {
-    mask: '(00) 00-00-00',
-    maskPrefix: '+993'
-  },
-  UZ: {
-    mask: '00-000-00-00',
-    maskPrefix: '+998'
-  },
-  VN: {
-    mask: '000-0000-000',
-    maskPrefix: '+84'
-  },
-}

package/src/lib/components/form/input-phone/enums/phone-number-format.enum.ts

@@ -1,4 +0,0 @@
-export enum PhoneNumberFormat {
-  International = 'INTERNATIONAL',
-  National = 'NATIONAL',
-}

package/src/lib/components/form/input-phone/enums/search-country-field.enum.ts

@@ -1,6 +0,0 @@
-export enum SearchCountryField {
-  DialCode = 'dialCode',
-  Iso2 = 'iso2',
-  Name = 'name',
-  All = 'all'
-}

package/src/lib/components/form/input-phone/input-phone.component.html

@@ -1,86 +0,0 @@
-<div class="mrx-input-phone" [class]="getClasses" [class.mrx-input-error]="invalid">
-  <div class="mrx-input-phone__wrapper" [ngClass]="separateDialCodeClass">
-    <input
-      #phoneInput
-      type="tel"
-      [id]="inputId"
-      [(ngModel)]="phoneNumber"
-      (ngModelChange)="onPhoneNumberChange()"
-      [ngClass]="cssClass"
-      [autocomplete]="'off'"
-      [disabled]="disabled"
-      [placeholder]="resolvePlaceholder()"
-      [attr.maxLength]="maxLength"
-      [attr.validation]="phoneValidation"
-      [mask]="innerMask || mask"
-      [prefix]="innerMaskPrefix || maskPrefix"
-      [showMaskTyped]="showMaskTyped"
-      [dropSpecialCharacters]="autoMask ? false : maskDropSpecialCharacters"
-      (blur)="onTouched()"
-      (keypress)="onInputKeyPress($event)"
-      #focusable
-    >
-    <div class="mrx-input-phone__flag-container" [ngClass]="{'disabled': disabled}">
-      <mrx-dropdown customClasses="h-100" [mainPlacement]="'bottom-start'" [fallbackPlacements]="['top-start']">
-        <ng-template #dropdownToggle>
-          <div class="mrx-input-phone__selected-flag dropdown-toggle">
-            <div
-              class="mrx-input-phone__flag"
-              [ngClass]="selectedCountry.flagClass || ''"
-            ></div>
-            <div *ngIf="separateDialCode" class="selected-dial-code">+{{selectedCountry.dialCode}}</div>
-            <div class="mrx-input-phone__arrow">
-              <span class="mrx-icon icon-chevron-down"></span>
-            </div>
-          </div>
-        </ng-template>
-
-        <ng-template #dropdownMenu>
-          <div class="search-container" *ngIf="searchCountryFlag && searchCountryField">
-            <input id="country-search-box"
-                   [(ngModel)]="countrySearchText"
-                   (keyup)="searchCountry()"
-                   (click)="$event.stopPropagation()"
-                   [placeholder]="searchCountryPlaceholder"
-                   autofocus>
-          </div>
-
-          <ul class="mrx-input-phone__country-list" #countryList>
-            <li class="mrx-input-phone__country iti__preferred"
-                *ngFor="let country of preferredCountriesInDropDown"
-                (click)="onCountrySelect(country, focusable)"
-                [id]="country.htmlId+'-preferred'">
-              <div class="mrx-input-phone__flag-box">
-                <div class="mrx-input-phone__flag"
-                     [ngClass]="country.flagClass"></div>
-              </div>
-              <span class="mrx-input-phone__country-name">{{country.name}}</span>
-              <span class="mrx-input-phone__dial-code">+{{country.dialCode}}</span>
-            </li>
-
-            <li class="mrx-input-phone__divider" *ngIf="preferredCountriesInDropDown?.length"></li>
-
-            <li class="mrx-input-phone__country iti__standard"
-                *ngFor="let country of allCountries"
-                (click)="onCountrySelect(country, focusable)"
-                [id]="country.htmlId">
-              <div class="mrx-input-phone__flag-box">
-                <div class="mrx-input-phone__flag" [ngClass]="country.flagClass"></div>
-              </div>
-              <span class="mrx-input-phone__country-name">{{country.name}}</span>
-              <span class="mrx-input-phone__dial-code">+{{country.dialCode}}</span>
-            </li>
-
-          </ul>
-        </ng-template>
-      </mrx-dropdown>
-    </div>
-  </div>
-
-  <mrx-error-message
-    *ngIf="(!isValid || invalid) && isInvalidMessage"
-    [invalidMessage]="invalidMessage"
-  ></mrx-error-message>
-
-  <mrx-save-state [id]="uuid" [fields]="fields"></mrx-save-state>
-</div>

package/src/lib/components/form/input-phone/input-phone.component.less

@@ -1,9 +0,0 @@
-@import "assets/input-phone";
-@import "assets/input-phone-sizes";
-@import "assets/input-phone-sprite";
-@import "assets/input-phone-country-flags";
-@import "assets/input-phone-flags-icon";
-@import "assets/input-phone-dropdown";
-@import "assets/input-phone-search";
-@import "assets/input-phone-error";
-