myrta-ui 17.0.20 → 17.0.22

package/src/lib/components/form/input-tel/data/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",
-  Croatia = "hr",
-  Cuba = "cu",
-  Curaçao = "cw",
-  Cyprus = "cy",
-  CzechRepublic = "cz",
-  CôteDIvoire = "ci",
-  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",
-  Romania = "ro",
-  Russia = "ru",
-  Rwanda = "rw",
-  Réunion = "re",
-  SaintBarthélemy = "bl",
-  SaintHelena = "sh",
-  SaintKittsAndNevis = "kn",
-  SaintLucia = "lc",
-  SaintMartin = "mf",
-  SaintPierreAndMiquelon = "pm",
-  SaintVincentAndTheGrenadines = "vc",
-  Samoa = "ws",
-  SanMarino = "sm",
-  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",
-  SãoToméAndPríncipe = "st",
-  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-tel/data/phone-number-format.enum.ts

@@ -1,6 +0,0 @@
-export enum PhoneNumberFormat {
-  international = "INTERNATIONAL",
-  national = "NATIONAL"
-}
-
-export type PhoneNumberFormatType = 'international' | 'national'

package/src/lib/components/form/input-tel/data/search-country-field.enum.ts

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

package/src/lib/components/form/input-tel/directives/input-tel.directive.ts

@@ -1,59 +0,0 @@
-import {
-  Directive, ElementRef, EventEmitter,
-  HostListener, Input, Output, Renderer2,
-} from '@angular/core';
-import { NgModel } from '@angular/forms';
-import { InputValue } from '../models/country.model';
-import { getExample, ParsedPhoneNumber } from 'awesome-phonenumber';
-
-@Directive({
-  selector: '[formatterPhone]'
-})
-export class MaskedInputTelDirective {
-  private pattern = /[^\d\(\)\-\+\ ]+/gi;
-
-  @Input() parsedPhoneNumber?: ParsedPhoneNumber;
-  @Input() customMaxLength: number | null = null;
-
-  @Output() changeModel: EventEmitter<InputValue> = new EventEmitter<InputValue>();
-
-  constructor(
-    private _element: ElementRef,
-    private _renderer: Renderer2,
-    private _model: NgModel
-  ) {
-  }
-
-  private _validateValue(event: any) {
-    event.target.value = event.target.value.replace(this.pattern, '');
-
-    if (this._model) {
-      this._model.update.emit(event.target.value);
-      this._renderer.setAttribute(this._element.nativeElement, 'value', this._model.model)
-      this.changeModel.emit(event.target.value)
-    }
-  }
-
-  private _analiseMaxLength(event: any) {
-    if (this.parsedPhoneNumber && this.parsedPhoneNumber.regionCode) {
-      const selectedPlaceholder = getExample(this.parsedPhoneNumber.regionCode, 'mobile').number;
-
-      if (selectedPlaceholder) {
-        this.customMaxLength ?
-          this._renderer.setAttribute(this._element.nativeElement, 'maxlength', String(this.customMaxLength)) :
-          this._renderer.setAttribute(this._element.nativeElement, 'maxlength', String(selectedPlaceholder.international.length));
-      }
-    }
-  }
-
-  @HostListener('input', ['$event']) onInput(event: any) {
-    this._validateValue(event)
-    this._analiseMaxLength(event)
-  }
-
-  @HostListener('keydown.control.v') onCtrlV() {
-    setTimeout(() => {
-      this._element.nativeElement.value = this._model.model
-    })
-  }
-}

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

@@ -1,14 +0,0 @@
-export enum InputTelSizesEnum {
-  'small' = 'mrx-input-tel-sm',
-  'medium' = 'mrx-input-tel-md',
-  'large' = 'mrx-input-tel-lg',
-}
-
-export type InputTelSizesTypes = 'small' | 'medium' | 'large';
-
-export type InputTelValueTypes = string | undefined;
-
-export interface InputTelValueWithId {
-  value: any,
-  id: string
-}

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

@@ -1,88 +0,0 @@
-<div class="mrx-input-tel" [class]="getClasses" [class.mrx-input-error]="invalid">
-  <div class="mrx-input-tel__wrapper">
-      <input
-        formatterPhone
-        [id]="inputId"
-        type="tel"
-        class="phoneInput {{cssClass}}"
-        [(ngModel)]="phoneNumber"
-        [disabled]="disabled"
-        [placeholder]="selectedCountry.placeHolder || ''"
-        [class.inValid]="phoneValidation && !isInputValid"
-        [customMaxLength]="maxLength"
-        [parsedPhoneNumber]="parsedPhoneNumber"
-        (focus)="onPhoneInputFocus()"
-        (blur)="onPhoneInputBlur()"
-        (changeModel)="updateValue()"
-      />
-    <div class="mrx-input-tel__flag-container" [class.disabled]="disabled">
-      <mrx-dropdown
-        #dropdownComponent
-        customClasses="h-100"
-        [mainPlacement]="'bottom-start'"
-        [fallbackPlacements]="['top-start']"
-      >
-        <ng-template #dropdownToggle>
-          <div class="mrx-input-tel__selected-flag dropdown-toggle">
-            <div
-              class="mrx-input-tel__flag"
-              [ngClass]="selectedCountry.flagClass || ''"
-            ></div>
-            <div *ngIf="separateDialCode" class="selected-dial-code">+{{selectedCountry.dialCode}}</div>
-            <div class="mrx-input-tel__arrow mt-1">
-              <span class="mrx-icon icon-chevron-down"></span>
-            </div>
-          </div>
-        </ng-template>
-
-        <ng-template #dropdownMenu>
-          <div class="search-container" *ngIf="searchCountryFlag && searchCountryField">
-            <input
-              type="text"
-              [(ngModel)]="searchFilter"
-              (ngModelChange)="searchFilterChanged($event)"
-              placeholder="{{ searchCountryPlaceholder }}"
-              class="searchCountry__input"
-            />
-          </div>
-
-          <ul class="mrx-input-tel__country-list" #countryList>
-            <li class="mrx-input-tel__country iti__preferred"
-                *ngFor="let preferredCountry of preferredCountriesList"
-                (click)="onCountrySelect(preferredCountry)"
-                [id]="preferredCountry.htmlId+'-preferred'"
-            >
-              <div class="mrx-input-tel__flag-box">
-                <div class="mrx-input-tel__flag" [ngClass]="preferredCountry.flagClass"></div>
-              </div>
-              <span class="mrx-input-tel__country-name">{{preferredCountry.name}}</span>
-              <span class="mrx-input-tel__dial-code">+{{preferredCountry.dialCode}}</span>
-            </li>
-
-            <li class="mrx-input-tel__divider" *ngIf="preferredCountriesList?.length"></li>
-
-            <li class="mrx-input-tel__country iti__standard"
-                *ngFor="let country of countriesToShow"
-                (click)="onCountrySelect(country)"
-                [id]="country.htmlId">
-              <div class="mrx-input-tel__flag-box">
-                <div class="mrx-input-tel__flag" [ngClass]="country.flagClass"></div>
-              </div>
-              <span class="mrx-input-tel__country-name">{{country.name}}</span>
-              <span class="mrx-input-tel__dial-code">+{{country.dialCode}}</span>
-            </li>
-
-          </ul>
-        </ng-template>
-      </mrx-dropdown>
-    </div>
-  </div>
-
-  <mrx-error-message
-    *ngIf="(!isValid || innerInvalid || invalid) && isInvalidMessage"
-    [invalidMessage]="innerInvalidMessage || invalidMessage"
-  ></mrx-error-message>
-
-  <mrx-save-state [id]="uuid" [fields]="fields"></mrx-save-state>
-</div>
-

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

@@ -1,6 +0,0 @@
-@import './assets/input-tel';
-@import './assets/input-tel-sizes';
-@import './assets/input-tel-dropdown';
-@import './assets/input-tel-country-flags';
-@import './assets/input-tel-flags-icon';
-@import './assets/input-tel-error';