@taiga-ui/kit
Version:
Taiga UI Angular main components kit
1 lines • 11.4 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"COUNTRIES":{"__symbolic":"error","message":"Expression form not supported","line":5,"character":4,"module":"./const/countries"},"TuiCountryIsoCode":{"AD":"AD","AE":"AE","AF":"AF","AG":"AG","AI":"AI","AL":"AL","AM":"AM","AN":"AN","AO":"AO","AR":"AR","AT":"AT","AU":"AU","AW":"AW","AZ":"AZ","BA":"BA","BB":"BB","BD":"BD","BE":"BE","BF":"BF","BG":"BG","BH":"BH","BI":"BI","BJ":"BJ","BM":"BM","BN":"BN","BO":"BO","BR":"BR","BS":"BS","BT":"BT","BW":"BW","BY":"BY","BZ":"BZ","CD":"CD","CF":"CF","CG":"CG","CH":"CH","CI":"CI","CL":"CL","CM":"CM","CN":"CN","CO":"CO","CR":"CR","CU":"CU","CV":"CV","CY":"CY","CZ":"CZ","DE":"DE","DJ":"DJ","DK":"DK","DM":"DM","DO":"DO","DZ":"DZ","EC":"EC","EE":"EE","EG":"EG","ER":"ER","ES":"ES","ET":"ET","FI":"FI","FJ":"FJ","FK":"FK","FM":"FM","FR":"FR","GA":"GA","GD":"GD","GE":"GE","GH":"GH","GI":"GI","GL":"GL","GM":"GM","GN":"GN","GQ":"GQ","GR":"GR","GT":"GT","GW":"GW","GY":"GY","HK":"HK","HN":"HN","HR":"HR","HT":"HT","HU":"HU","ID":"ID","IE":"IE","IL":"IL","IN":"IN","IQ":"IQ","IR":"IR","IS":"IS","IT":"IT","JM":"JM","JO":"JO","JP":"JP","KE":"KE","KG":"KG","KH":"KH","KM":"KM","KN":"KN","KP":"KP","KR":"KR","KW":"KW","KY":"KY","KZ":"KZ","LA":"LA","LB":"LB","LC":"LC","LI":"LI","LK":"LK","LR":"LR","LS":"LS","LT":"LT","LU":"LU","LV":"LV","LY":"LY","MA":"MA","MC":"MC","MD":"MD","ME":"ME","MG":"MG","MK":"MK","ML":"ML","MM":"MM","MN":"MN","MO":"MO","MR":"MR","MS":"MS","MT":"MT","MU":"MU","MV":"MV","MW":"MW","MX":"MX","MY":"MY","MZ":"MZ","NA":"NA","NE":"NE","NG":"NG","NI":"NI","NL":"NL","NO":"NO","NP":"NP","NZ":"NZ","OM":"OM","PA":"PA","PE":"PE","PF":"PF","PG":"PG","PH":"PH","PK":"PK","PL":"PL","PT":"PT","PW":"PW","PY":"PY","QA":"QA","RO":"RO","RS":"RS","RU":"RU","RW":"RW","SA":"SA","SB":"SB","SC":"SC","SD":"SD","SE":"SE","SG":"SG","SH":"SH","SI":"SI","SK":"SK","SL":"SL","SM":"SM","SN":"SN","SO":"SO","SR":"SR","ST":"ST","SV":"SV","SY":"SY","SZ":"SZ","TC":"TC","TD":"TD","TG":"TG","TH":"TH","TJ":"TJ","TL":"TL","TM":"TM","TN":"TN","TO":"TO","TR":"TR","TT":"TT","TW":"TW","TZ":"TZ","UA":"UA","UG":"UG","UK":"UK","UY":"UY","UZ":"UZ","VC":"VC","VE":"VE","VG":"VG","VN":"VN","VU":"VU","WS":"WS","YE":"YE","ZA":"ZA","ZM":"ZM","ZW":"ZW","US":"US","CA":"CA"},"TuiInputPhoneInternationalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiControl","line":48,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"tui-input-phone-international","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":38,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":41,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiInputPhoneInternationalComponent"}},{"__symbolic":"reference","module":"@taiga-ui/kit/providers","name":"FIXED_DROPDOWN_CONTROLLER_PROVIDER","line":44,"character":8}],"template":"<tui-hosted-dropdown\n class=\"hosted-dropdown\"\n [content]=\"dropdown\"\n [canOpen]=\"!readOnly\"\n [(open)]=\"open\"\n>\n <div tuiGroup>\n <tui-primitive-textfield\n tuiHostedDropdownHost\n class=\"country-select tui-group__auto-width-item\"\n [tuiTextfieldCustomContent]=\"countryValueContent\"\n [tuiTextfieldLabelOutside]=\"true\"\n [disabled]=\"disabled\"\n [focusable]=\"focusable\"\n [editable]=\"false\"\n [iconContent]=\"arrow\"\n [pseudoFocused]=\"open || null\"\n [readOnly]=\"readOnly\"\n [tuiHintContent]=\"null\"\n ></tui-primitive-textfield>\n <tui-input-phone\n class=\"input-phone tui-group__auto-width-item\"\n tuiTextfieldAutocomplete=\"off\"\n [tuiTextfieldLabelOutside]=\"true\"\n [formControl]=\"control\"\n [focusable]=\"focusable\"\n [countryCode]=\"inputPhoneCountryCode\"\n [phoneMaskAfterCountryCode]=\"phoneMaskAfterCountryCode\"\n [readOnly]=\"readOnly\"\n [pseudoInvalid]=\"pseudoInvalid\"\n [pseudoFocused]=\"pseudoFocused\"\n [pseudoHovered]=\"pseudoHovered\"\n >\n {{inputPhoneCountryCode}}\n </tui-input-phone>\n </div>\n</tui-hosted-dropdown>\n\n<ng-template #dropdown>\n <tui-data-list>\n <button\n *ngFor=\"let item of countries\"\n tuiOption\n (click)=\"onItemClick(item)\"\n >\n <img class=\"country-item-flag\" alt=\"\" [src]=\"getFlagPath(item)\" />\n <span class=\"country-item-name\">{{getCountryName(item)}}</span>\n <span class=\"country-item-code\">{{isoToCountryCode(item)}}</span>\n </button>\n </tui-data-list>\n</ng-template>\n\n<ng-template #countryValueContent>\n <img\n class=\"flag\"\n [alt]=\"getCountryName(countryIsoCode)\"\n [src]=\"countryFlagPath\"\n />\n</ng-template>\n","styles":[":host{display:block}:host._disabled{pointer-events:none}.hosted-dropdown{display:block}.country-select{width:90px}.arrow-icon{transition-duration:.3s;transition-timing-function:ease-in-out;display:flex;width:24px;height:24px;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;cursor:pointer;transition-property:color,transform}.arrow-icon:hover{color:var(--tui-text-02)}:host._disabled .arrow-icon,:host._readonly .arrow-icon{pointer-events:none}:host[data-mode=onDark] .arrow-icon{color:var(--tui-text-03-night)}:host[data-mode=onDark] .arrow-icon:hover{color:var(--tui-text-01-night)}.arrow-icon_open{transform:rotate(180deg)}.input-phone{flex:1}.flag{width:28px;height:20px;margin-left:-8px}.country-item-flag{width:28px;height:20px}.country-item-name{margin-left:12px;margin-right:auto}.country-item-code{color:var(--tui-text-02);margin-right:4px}"]}]}],"members":{"countryIsoCode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":51,"character":5}}]}],"countries":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}}]}],"inputPhoneComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":63,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/input-phone","name":"TuiInputPhoneComponent","line":63,"character":15}]}]}],"primitiveTextfield":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":66,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveTextfieldComponent","line":66,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":70,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":71,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":72,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":72,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":74,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":74,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":75,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_ICONS_PATH","line":75,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":73,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":74,"character":54},{"__symbolic":"reference","name":"TuiStringHandler","module":"@taiga-ui/cdk","arguments":[{"__symbolic":"reference","name":"string"}]}]}],"getFlagPath":[{"__symbolic":"method"}],"getCountryName":[{"__symbolic":"method"}],"onItemClick":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"isoToCountryCode":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":137,"character":5}]}],"getFallbackValue":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"calculateMaskAfterCountryCode":[{"__symbolic":"method","decorators":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiPure","line":156,"character":5}]}]}},"TuiInputPhoneInternationalModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":20,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":21,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgModule","line":22,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/input-phone","name":"TuiInputPhoneModule","line":23,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiGroupModule","line":24,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiPrimitiveTextfieldModule","line":25,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldControllerModule","line":26,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHintControllerModule","line":27,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownModule","line":28,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListModule","line":29,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/arrow","name":"TuiArrowModule","line":30,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiInputPhoneInternationalComponent"}],"exports":[{"__symbolic":"reference","name":"TuiInputPhoneInternationalComponent"}]}]}],"members":{}},"Country":{"__symbolic":"interface"}},"origins":{"COUNTRIES":"./const/countries","TuiCountryIsoCode":"./country-iso-code","TuiInputPhoneInternationalComponent":"./input-phone-international.component","TuiInputPhoneInternationalModule":"./input-phone-international.module","Country":"./interfaces/country"},"importAs":"@taiga-ui/kit/components/input-phone-international"}