@schoolbelle/common/phone-number/schoolbelle-common-phone-number.metadata.json

{"__symbolic":"module","version":4,"metadata":{"PhoneNumberPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"phoneNumber"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"IntlTelInputComponentValueAccessor":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":21,"character":11},"useExisting":{"__symbolic":"reference","name":"PhoneNumberInputComponent"},"multi":true},"phoneNumberChangeEvent":{"__symbolic":"interface"},"PhoneNumberInputComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":28,"character":1},"arguments":[{"selector":"phone-number-input","providers":[{"__symbolic":"reference","name":"IntlTelInputComponentValueAccessor"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":33,"character":19},"member":"OnPush"},"template":"<div class=\"phone-number-container\" [ngClass]=\"{'input-group-lg':size === 'lg', 'input-group-sm':size === 'sm', 'input-group':size === 'md' }\" class=\"d-flex\">\n    <country-select \n    [readonly]=\"readonly\"\n    [formControl]=\"countryDialCode\" \n    [size]=\"size\"\n    (onOpenChange)=\"onCountryDropdownOpenChange($event)\"\n    required></country-select>\n    <input\n    [readonly]=\"readonly\"\n    [tabindex]=\"tabindex\"\n    class=\"flex-grow-1 form-control bg-transparent\"\n    [formControl]=\"tel\"\n    [countryDialCode]=\"countryDialCode.value\"\n    (focus)=\"onFocus($event)\"        \n    (blur)=\"onBlur($event)\"        \n    (mouseup)=\"detectSearchClear($event)\"\n    local-tel \n    required \n    [type]=\"type\"\n    [autocomplete]=\"autocomplete\"\n    [placeholder]=\"placeholder\">\n</div>\n","styles":[".phone-number-container{margin-top:-1px;min-width:180px}input{border:none;padding:.375em;display:block;width:100%;line-height:1.5;color:inherit!important;text-align:inherit}input:focus{outline:0;box-shadow:none}input:disabled,input[readonly]{background-color:#e9ecef;opacity:1}"]}]}],"members":{"ngClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3},"arguments":["ngClass"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3},"arguments":["size"]}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3},"arguments":["placeholder"]}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3},"arguments":["type"]}]}],"autocomplete":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3},"arguments":["autocomplete"]}]}],"tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3},"arguments":["tabindex"]}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":46,"character":3}}]}],"focus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":3}}]}],"phoneNumberChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":48,"character":3}}]}],"updatePhonenumberProperties":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"updateIntlTel":[{"__symbolic":"method"}],"detectSearchClear":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":132,"character":5},"arguments":[{"__symbolic":"reference","name":"DEFAULT_COUNTRY_CALLING_CODE"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":129,"character":19},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":130,"character":24},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":131,"character":22},{"__symbolic":"reference","module":"libphonenumber-js","name":"CountryCallingCode","line":132,"character":69}]}],"createFormControls":[{"__symbolic":"method"}],"createForm":[{"__symbolic":"method"}],"onFocus":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"onCountryDropdownOpenChange":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"PartialIntlTelCountryConfigInterface":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":24,"character":56},"arguments":["PartialIntlTelCountryConfigInterface"]},"init_INTL_TEL_INPUT_CONFIG":{"__symbolic":"function"},"init_DEFAULT_COUNTRY_CALLING_CODE":{"__symbolic":"function","parameters":["intltelInputConfig"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"libphonenumber-js","name":"getCountryCallingCode","line":49,"character":9},"arguments":[{"__symbolic":"select","expression":{"__symbolic":"reference","name":"intltelInputConfig"},"member":"preSelectedCountry"}]}},"PhoneNumberModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":51,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":53,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":54,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":55,"character":4},{"__symbolic":"reference","name":"CountrySelectModule"},{"__symbolic":"reference","name":"LocalTelInputModule"},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-bootstrap/dropdown","name":"BsDropdownModule","line":58,"character":4},"member":"forRoot"}}],"declarations":[{"__symbolic":"reference","name":"PhoneNumberInputComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"PhoneNumberPipe"},{"__symbolic":"reference","name":"IntlTelValidator"}],"exports":[{"__symbolic":"reference","name":"CountrySelectModule"},{"__symbolic":"reference","name":"LocalTelInputModule"},{"__symbolic":"reference","name":"PhoneNumberInputComponent"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"PhoneNumberPipe"},{"__symbolic":"reference","name":"IntlTelValidator"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"PhoneNumberModule"},"providers":[{"provide":{"__symbolic":"reference","name":"PartialIntlTelCountryConfigInterface"},"useValue":{"__symbolic":"reference","name":"config"}},{"provide":{"__symbolic":"reference","name":"INTL_TEL_INPUT_CONFIG"},"useFactory":{"__symbolic":"reference","name":"init_INTL_TEL_INPUT_CONFIG"},"deps":[{"__symbolic":"reference","name":"PartialIntlTelCountryConfigInterface"},{"__symbolic":"reference","module":"@angular/core","name":"LOCALE_ID","line":94,"character":55}]},{"provide":{"__symbolic":"reference","name":"DEFAULT_COUNTRY_CALLING_CODE"},"useFactory":{"__symbolic":"reference","name":"init_DEFAULT_COUNTRY_CALLING_CODE"},"deps":[{"__symbolic":"reference","name":"INTL_TEL_INPUT_CONFIG"}]},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"IntTelCountryService"}]}}}},"IntlTelValidatorFn":{"__symbolic":"function"},"parseIntlTelFn":{"__symbolic":"function"},"CountrySelectComponentValueAccessor":{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":16,"character":11},"useExisting":{"__symbolic":"reference","name":"CountrySelectComponent"},"multi":true},"CountrySelectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"country-select","providers":[{"__symbolic":"reference","name":"CountrySelectComponentValueAccessor"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":19},"member":"OnPush"},"template":"<div dropdown [isDisabled]=\"disabled || readonly\" #dropdown=\"bs-dropdown\" (isOpenChange)=\"onOpenChange.next($event)\" class=\"position-relative\">\n    <button type=\"button\"\n    tabindex=\"-1\"\n    class=\"btn\"\n    [ngClass]=\"{\n        'btn-danger':ngClass && ngClass['is-invalid'],\n        'btn-success':ngClass && ngClass['is-valid'],\n        'btn-sm': size === 'sm',\n        'btn-lg': size === 'lg'\n    }\"\n    dropdownToggle>\n        <span class=\"flag-icon flag-icon-{{country?.flagClass}}\"></span>\n    </button>\n    <ul class=\"dropdown-menu\" *dropdownMenu>\n        <li class=\"dropdown-item\" *ngFor=\"let country of intTelCountryService.preferredCountries\" (click)=\"onCountrySelect(country); dropdown.hide();\">\n            <span class=\"flag-icon flag-icon-{{country.flagClass}}\"></span>\n            <span class=\"country-name ml-1\">{{country.name}}</span>\n            <span class=\"dial-code ml-1\">+{{country.dialCode}}</span>\n        </li>\n        <li *ngIf=\"intTelCountryService.allCountries.length !== 0 && intTelCountryService.preferredCountries.length !== 0\" class=\"divider\"></li>\n        <li class=\"dropdown-item\" *ngFor=\"let country of intTelCountryService.allCountries\" (click)=\"onCountrySelect(country); dropdown.hide();\">\n            <span class=\"flag-icon flag-icon-{{country.flagClass}}\"></span>\n            <span class=\"country-name ml-1\">{{country.name}}</span>\n            <span class=\"dial-code ml-1\">+{{country.dialCode}}</span>\n        </li>\n    </ul>\n</div>\n","styles":[""]}]}],"members":{"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3},"arguments":["size"]}]}],"ngClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3},"arguments":["ngClass"]}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"onOpenChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":36,"character":3}}]}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"IntTelCountryService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":73,"character":18}]}],"ngOnInit":[{"__symbolic":"method"}],"onCountrySelect":[{"__symbolic":"method"}]}},"CountrySelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":7,"character":26},{"__symbolic":"reference","module":"ngx-bootstrap/dropdown","name":"BsDropdownModule","line":7,"character":39}],"declarations":[{"__symbolic":"reference","name":"CountrySelectComponent"}],"exports":[{"__symbolic":"reference","name":"CountrySelectComponent"}]}]}],"members":{}},"IntlTelValidator":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[intl-tel][formControlName],[intl-tel][formControl],[intl-tel][ngModel]","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALIDATORS","line":7,"character":19},"useExisting":{"__symbolic":"reference","name":"IntlTelValidator"},"multi":true}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Attribute","line":11,"character":18},"arguments":["validateEqual"]}]],"parameters":[{"__symbolic":"reference","name":"string"}]}],"validate":[{"__symbolic":"method"}]}},"LocalTelInputDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[local-tel][formControlName],[local-tel][formControl],[local-tel][ngModel]"}]}],"members":{"countryDialCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":23,"character":19},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":24,"character":24},{"__symbolic":"reference","name":"IntTelCountryService"}]}],"ngOnChanges":[{"__symbolic":"method"}],"getSelectionRange":[{"__symbolic":"method"}],"setSelectionRange":[{"__symbolic":"method"}],"stringDiff":[{"__symbolic":"method"}],"formatter":[{"__symbolic":"method"}],"correctCursor":[{"__symbolic":"method"}],"updateInputValue":[{"__symbolic":"method"}],"buildTextFromKeyboardInput":[{"__symbolic":"method"}],"onKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":120,"character":3},"arguments":["keydown",["$event"]]}]}]}},"LocalTelInputModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":4}],"declarations":[{"__symbolic":"reference","name":"LocalTelInputDirective"}],"exports":[{"__symbolic":"reference","name":"LocalTelInputDirective"}]}]}],"members":{}},"IntlTelCountryConfigDefault":{"preSelectedCountry":"KR","allowedCountries":["KR","RU","VN"],"preferredCountries":[]},"IntlTelCountryConfigInterface":{"__symbolic":"interface"},"INTL_TEL_INPUT_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":2,"character":41},"arguments":["IntlTelCountryConfigInterface"]},"DEFAULT_COUNTRY_CALLING_CODE":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":1,"character":48},"arguments":["DEFAULT_COUNTRY_CALLING_CODE"]},"Country":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}]}},"IntTelCountryService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":16,"character":5},"arguments":[{"__symbolic":"reference","name":"INTL_TEL_INPUT_CONFIG"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"IntlTelCountryConfigInterface"}]}],"find":[{"__symbolic":"method"}],"fetchCountryData":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"phone-number-display","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":10,"character":19},"member":"OnPush"},"template":"    <div class=\"phone-number-container\" [ngClass]=\"{'input-group-lg':size === 'lg', 'input-group-sm':size === 'sm', 'input-group':size === 'md' }\" class=\"d-flex\">\n        <button type=\"button\" *ngIf=\"showCountryButton\"\n        tabindex=\"-1\"\n        class=\"btn disabled\"\n        [ngClass]=\"{\n            'btn-sm': size === 'sm',\n            'btn-lg': size === 'lg'\n        }\">\n            <!-- <span class=\"d-inline-block\" style=\"width:21px;\"></span> -->\n        </button>\n        <div class=\"flex-grow-1 form-control fake-input bg-transparent\" [ngClass]=\"{\n            'disabled': disabled,\n            'readonly': readonly\n        }\"\n        style=\"overflow: hidden;white-space: nowrap; text-align: inherit;\">\n            {{intlTel | phoneNumber}}\n        </div>\n    </div>\n","styles":[":host{overflow:hidden}.phone-number-container{min-width:180px}button{margin-top:-1px;width:47px;min-width:47px}.fake-input{border:none;padding:.375em;display:block;width:1%;line-height:1.5;color:inherit!important;text-align:center}.fake-input.disabled,.fake-input.readonly{background-color:#e9ecef;opacity:1}"]}]}],"members":{"intlTel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3},"arguments":["intlTel"]}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3},"arguments":["size"]}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3},"arguments":["disabled"]}]}],"readonly":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3},"arguments":["readonly"]}]}],"showCountryButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}]}}},"origins":{"PhoneNumberPipe":"./lib/phone-number.pipe","IntlTelInputComponentValueAccessor":"./lib/phone-number.component","phoneNumberChangeEvent":"./lib/phone-number.component","PhoneNumberInputComponent":"./lib/phone-number.component","PartialIntlTelCountryConfigInterface":"./lib/phone-number.module","init_INTL_TEL_INPUT_CONFIG":"./lib/phone-number.module","init_DEFAULT_COUNTRY_CALLING_CODE":"./lib/phone-number.module","PhoneNumberModule":"./lib/phone-number.module","IntlTelValidatorFn":"./lib/functions/intl-tel-validator.fn","parseIntlTelFn":"./lib/functions/parse-intl-tel.fn","CountrySelectComponentValueAccessor":"./lib/components/country-select/country-select.component","CountrySelectComponent":"./lib/components/country-select/country-select.component","CountrySelectModule":"./lib/components/country-select/country-select.module","IntlTelValidator":"./lib/directives/intl-tel-validator/intl-tel-validator","LocalTelInputDirective":"./lib/directives/local-tel-input/local-tel-input.directive","LocalTelInputModule":"./lib/directives/local-tel-input/local-tel-input.module","IntlTelCountryConfigDefault":"./lib/configs/intl-tel-country-config.default","IntlTelCountryConfigInterface":"./lib/configs/intl-tel-country-config.interface","INTL_TEL_INPUT_CONFIG":"./lib/configs/intl-tel-country.token","DEFAULT_COUNTRY_CALLING_CODE":"./lib/configs/default-country-calling-code.token","Country":"./lib/resource/country.model","IntTelCountryService":"./lib/services/intl-tel-country.service","ɵa":"./lib/resource/country-code","ɵb":"./lib/phone-number-display.component"},"importAs":"@schoolbelle/common/phone-number"}