[{"data":1,"prerenderedAt":802},["Reactive",2],{"$KyeTl6nybl":3,"page-data":4,"page-tree":167,"nuxt-component-meta-AddonInputPhone":193,"doc-linker-to-BaseInput":800},[],{"_path":5,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":9,"description":10,"components":11,"icon":12,"body":14,"_type":162,"_id":163,"_source":164,"_file":165,"_extension":166},"/documentation/reference/advanced/input-phone","advanced",false,"","AddonInputPhone","International phone number input field with country code dropdown.",[9],{"src":13,"srcDark":13},"/img/illustrations/components/markdown-icon.svg",{"type":15,"children":16,"toc":159},"root",[17,69,96,122,140,145,150,155],{"type":18,"tag":19,"props":20,"children":23},"element","doc-component-demo",{"demo":21,"title":22},"#examples/input-phone/base.vue","Phone Input",[24,38],{"type":18,"tag":25,"props":26,"children":27},"p",{},[28,31,36],{"type":29,"value":30},"text","Ready to use phone input component with country code dropdown, with validation and formatting.\nThe component extend the ",{"type":18,"tag":32,"props":33,"children":35},"doc-linker",{"to":34},"BaseInput",[],{"type":29,"value":37}," component, so you can use all the props and events of the base component.",{"type":18,"tag":39,"props":40,"children":43},"doc-message",{"color":41,"icon":42},"muted-contrast","ri:markdown-fill",[44],{"type":18,"tag":25,"props":45,"children":46},{},[47,49,58,60,67],{"type":29,"value":48},"This component uses ",{"type":18,"tag":50,"props":51,"children":55},"a",{"href":52,"rel":53},"https://www.npmjs.com/package/libphonenumber-js",[54],"nofollow",[56],{"type":29,"value":57},"libphonenumber-js",{"type":29,"value":59}," and ",{"type":18,"tag":50,"props":61,"children":64},{"href":62,"rel":63},"https://www.npmjs.com/package/country-codes-list",[54],[65],{"type":29,"value":66},"country-codes-list",{"type":29,"value":68},"\nto detect and validate the phone input value.",{"type":18,"tag":19,"props":70,"children":73},{"demo":71,"title":72},"#examples/input-phone/country.vue","Country Input",[74],{"type":18,"tag":25,"props":75,"children":76},{},[77,79,86,88,94],{"type":29,"value":78},"The component provides a country dropdown to select the country code, you can use the ",{"type":18,"tag":80,"props":81,"children":83},"code",{"className":82},[],[84],{"type":29,"value":85},"country",{"type":29,"value":87}," prop to set the default country, otherwise it will be detected from the user's input.\nYou can use the ",{"type":18,"tag":80,"props":89,"children":91},{"className":90},[],[92],{"type":29,"value":93},"v-model:country",{"type":29,"value":95}," notation to get the selected/detected country code.",{"type":18,"tag":19,"props":97,"children":100},{"demo":98,"title":99},"#examples/input-phone/format.vue","International and National Formats",[101],{"type":18,"tag":25,"props":102,"children":103},{},[104,106,112,114,120],{"type":29,"value":105},"By default, the input value will be formatted in the international format, you can change this behavior with the ",{"type":18,"tag":80,"props":107,"children":109},{"className":108},[],[110],{"type":29,"value":111},"format",{"type":29,"value":113}," prop to change it to ",{"type":18,"tag":80,"props":115,"children":117},{"className":116},[],[118],{"type":29,"value":119},"national",{"type":29,"value":121},".",{"type":18,"tag":19,"props":123,"children":126},{"demo":124,"title":125},"#examples/input-phone/validation.vue","Validation",[127],{"type":18,"tag":25,"props":128,"children":129},{},[130,132,138],{"type":29,"value":131},"The component provides a ",{"type":18,"tag":80,"props":133,"children":135},{"className":134},[],[136],{"type":29,"value":137},"@validation",{"type":29,"value":139}," event to indicate if the input value is valid or not",{"type":18,"tag":19,"props":141,"children":144},{"demo":142,"title":143},"#examples/input-phone/disabled.vue","Disabled State",[],{"type":18,"tag":19,"props":146,"children":149},{"demo":147,"title":148},"#examples/input-phone/size.vue","Input Size",[],{"type":18,"tag":19,"props":151,"children":154},{"demo":152,"title":153},"#examples/input-phone/shape.vue","Input Shapes",[],{"type":18,"tag":156,"props":157,"children":158},"doc-component-meta",{"name":9},[],{"title":8,"searchDepth":160,"depth":160,"links":161},2,[],"markdown","content:documentation:60.reference:8.advanced:input-phone.md","content","documentation/60.reference/8.advanced/input-phone.md","md",[168,174,182,188],{"_path":169,"_dir":8,"_draft":7,"_partial":7,"_locale":8,"title":170,"description":8,"toc":171,"_type":162,"_id":172,"_source":164,"_file":173,"_extension":166},"/documentation","مرکز مستندات",true,"content:documentation:1.index.md","documentation/1.index.md",{"_path":175,"_dir":176,"_draft":7,"_partial":171,"_locale":8,"title":177,"_id":178,"_type":179,"_source":164,"_file":180,"_extension":181},"/documentation/reference/_dir","reference","Reference","content:documentation:60.reference:_dir.yml","yaml","documentation/60.reference/_dir.yml","yml",{"_path":183,"_dir":184,"_draft":7,"_partial":7,"_locale":8,"title":185,"description":8,"_type":162,"_id":186,"_source":164,"_file":187,"_extension":166},"/documentation/reference","documentation","All components","content:documentation:60.reference:0.index.md","documentation/60.reference/0.index.md",{"_path":189,"_dir":6,"_draft":7,"_partial":171,"_locale":8,"title":190,"_id":191,"_type":179,"_source":164,"_file":192,"_extension":181},"/documentation/reference/advanced/_dir","Advanced","content:documentation:60.reference:8.advanced:_dir.yml","documentation/60.reference/8.advanced/_dir.yml",{"mode":194,"prefetch":7,"preload":7,"filePath":195,"pascalName":9,"kebabName":196,"chunkName":197,"shortPath":195,"export":198,"priority":199,"fullPath":200,"meta":201},"all","components/AddonInputPhone.vue","addon-input-phone","components/addon-input-phone","default",1,"F:/tairo-persian/001/.demo/components/AddonInputPhone.vue",{"type":199,"props":202,"slots":336,"events":544,"exposed":603},[203,219,233,250,260,273,285,297,309,323],{"name":204,"global":7,"description":205,"tags":206,"required":7,"type":207,"declarations":208,"schema":213,"default":218},"height","The max height of the dropdown.",[],"number | undefined",[209],{"file":200,"range":210},[211,212],517,532,{"kind":214,"type":207,"schema":215},"enum",[216,217],"undefined","number","200",{"name":220,"global":7,"description":221,"tags":222,"required":7,"type":223,"declarations":224,"schema":229,"default":232},"modelValue","The value of the input.",[],"string | undefined",[225],{"file":200,"range":226},[227,228],243,262,{"kind":214,"type":223,"schema":230},[216,231],"string","\"\"",{"name":234,"global":7,"description":235,"tags":236,"required":7,"type":237,"declarations":238,"schema":243,"default":245},"rounded","The radius of the input.",[],"\"sm\" | \"none\" | \"md\" | \"lg\" | \"full\" | undefined",[239],{"file":200,"range":240},[241,242],807,853,{"kind":214,"type":237,"schema":244},[216,245,246,247,248,249],"\"sm\"","\"none\"","\"md\"","\"lg\"","\"full\"",{"name":85,"global":7,"description":251,"tags":252,"required":7,"type":223,"declarations":253,"schema":258,"default":216},"Default country code, in ISO 3166-1 alpha-2 format.",[],[254],{"file":200,"range":255},[256,257],334,350,{"kind":214,"type":223,"schema":259},[216,231],{"name":111,"global":7,"description":261,"tags":262,"required":7,"type":263,"declarations":264,"schema":269,"default":271},"When set to `national`, the country indicator is omitted.",[],"\"international\" | \"national\" | undefined",[265],{"file":200,"range":266},[267,268],428,465,{"kind":214,"type":263,"schema":270},[216,271,272],"\"international\"","\"national\"",{"name":274,"global":7,"description":275,"tags":276,"required":7,"type":207,"declarations":277,"schema":282,"default":284},"itemHeight","The height of each dropdown item.",[],[278],{"file":200,"range":279},[280,281],586,605,{"kind":214,"type":207,"schema":283},[216,217],"47",{"name":286,"global":7,"description":287,"tags":288,"required":7,"type":223,"declarations":289,"schema":294,"default":296},"icon","Default icon used when no country is selected/detected.",[],[290],{"file":200,"range":291},[292,293],681,694,{"kind":214,"type":223,"schema":295},[216,231],"\"ph:phone\"",{"name":298,"global":7,"description":299,"tags":300,"required":7,"type":301,"declarations":302,"schema":307,"default":247},"size","The size of the input.",[],"\"sm\" | \"md\" | \"lg\" | undefined",[303],{"file":200,"range":304},[305,306],737,762,{"kind":214,"type":301,"schema":308},[216,245,247,248],{"name":310,"global":7,"description":311,"tags":312,"required":7,"type":313,"declarations":314,"schema":319,"default":321},"error","An error message or boolean value indicating whether the input is in an error state.",[],"string | boolean | undefined",[315],{"file":200,"range":316},[317,318],958,982,{"kind":214,"type":313,"schema":320},[216,231,321,322],"false","true",{"name":324,"global":7,"description":8,"tags":325,"required":7,"type":326,"declarations":327,"schema":334},"disabled",[],"boolean | undefined",[328,332],{"file":200,"range":329},[330,331],985,1003,{"file":200,"range":333},[330,331],{"kind":214,"type":326,"schema":335},[216,321,322],[337,383,437,495],{"name":338,"type":339,"description":8,"declarations":340,"schema":341},"country-label","{ modelValue: any; country: any; validation: any; filter: any; currentCountry: any; }",[],{"kind":342,"type":339,"schema":343},"object",{"modelValue":344,"country":352,"validation":359,"filter":367,"currentCountry":375},{"name":220,"global":7,"description":8,"tags":345,"required":171,"type":346,"declarations":347,"schema":346},[],"any",[348],{"file":200,"range":349},[350,351],8307,8325,{"name":85,"global":7,"description":8,"tags":353,"required":171,"type":346,"declarations":354,"schema":346},[],[355],{"file":200,"range":356},[357,358],8327,8344,{"name":360,"global":7,"description":8,"tags":361,"required":171,"type":346,"declarations":362,"schema":346},"validation",[],[363],{"file":200,"range":364},[365,366],8346,8356,{"name":368,"global":7,"description":8,"tags":369,"required":171,"type":346,"declarations":370,"schema":346},"filter",[],[371],{"file":200,"range":372},[373,374],8358,8364,{"name":376,"global":7,"description":8,"tags":377,"required":171,"type":346,"declarations":378,"schema":346},"currentCountry",[],[379],{"file":200,"range":380},[381,382],8366,8380,{"name":384,"type":385,"description":8,"declarations":386,"schema":387},"country-placeholder","{ modelValue: any; country: any; validation: any; filter: any; currentCountry: any; selectCountry: (country?: string | undefined) => void; }",[],{"kind":342,"type":385,"schema":388},{"modelValue":389,"country":396,"validation":403,"filter":410,"currentCountry":417,"selectCountry":424},{"name":220,"global":7,"description":8,"tags":390,"required":171,"type":346,"declarations":391,"schema":346},[],[392],{"file":200,"range":393},[394,395],9416,9434,{"name":85,"global":7,"description":8,"tags":397,"required":171,"type":346,"declarations":398,"schema":346},[],[399],{"file":200,"range":400},[401,402],9436,9453,{"name":360,"global":7,"description":8,"tags":404,"required":171,"type":346,"declarations":405,"schema":346},[],[406],{"file":200,"range":407},[408,409],9455,9465,{"name":368,"global":7,"description":8,"tags":411,"required":171,"type":346,"declarations":412,"schema":346},[],[413],{"file":200,"range":414},[415,416],9467,9473,{"name":376,"global":7,"description":8,"tags":418,"required":171,"type":346,"declarations":419,"schema":346},[],[420],{"file":200,"range":421},[422,423],9475,9489,{"name":425,"global":7,"description":8,"tags":426,"required":171,"type":427,"declarations":428,"schema":433},"selectCountry",[],"(country?: string | undefined) => void",[429],{"file":200,"range":430},[431,432],9491,9504,{"kind":434,"type":435,"schema":436},"event","(country?: string | undefined): void",[],{"name":438,"type":439,"description":8,"declarations":440,"schema":441},"country-item","{ item: any; modelValue: any; country: any; validation: any; filter: any; currentCountry: any; selectCountry: (country?: string | undefined) => void; }",[],{"kind":342,"type":439,"schema":442},{"item":443,"modelValue":451,"country":458,"validation":465,"filter":472,"currentCountry":479,"selectCountry":486},{"name":444,"global":7,"description":8,"tags":445,"required":171,"type":346,"declarations":446,"schema":346},"item",[],[447],{"file":200,"range":448},[449,450],10038,10048,{"name":220,"global":7,"description":8,"tags":452,"required":171,"type":346,"declarations":453,"schema":346},[],[454],{"file":200,"range":455},[456,457],10050,10068,{"name":85,"global":7,"description":8,"tags":459,"required":171,"type":346,"declarations":460,"schema":346},[],[461],{"file":200,"range":462},[463,464],10070,10087,{"name":360,"global":7,"description":8,"tags":466,"required":171,"type":346,"declarations":467,"schema":346},[],[468],{"file":200,"range":469},[470,471],10089,10099,{"name":368,"global":7,"description":8,"tags":473,"required":171,"type":346,"declarations":474,"schema":346},[],[475],{"file":200,"range":476},[477,478],10101,10107,{"name":376,"global":7,"description":8,"tags":480,"required":171,"type":346,"declarations":481,"schema":346},[],[482],{"file":200,"range":483},[484,485],10109,10123,{"name":425,"global":7,"description":8,"tags":487,"required":171,"type":427,"declarations":488,"schema":493},[],[489],{"file":200,"range":490},[491,492],10125,10138,{"kind":434,"type":435,"schema":494},[],{"name":496,"type":385,"description":8,"declarations":497,"schema":498},"action",[],{"kind":342,"type":385,"schema":499},{"modelValue":500,"country":507,"validation":514,"filter":521,"currentCountry":528,"selectCountry":535},{"name":220,"global":7,"description":8,"tags":501,"required":171,"type":346,"declarations":502,"schema":346},[],[503],{"file":200,"range":504},[505,506],11942,11960,{"name":85,"global":7,"description":8,"tags":508,"required":171,"type":346,"declarations":509,"schema":346},[],[510],{"file":200,"range":511},[512,513],11962,11979,{"name":360,"global":7,"description":8,"tags":515,"required":171,"type":346,"declarations":516,"schema":346},[],[517],{"file":200,"range":518},[519,520],11981,11991,{"name":368,"global":7,"description":8,"tags":522,"required":171,"type":346,"declarations":523,"schema":346},[],[524],{"file":200,"range":525},[526,527],11993,11999,{"name":376,"global":7,"description":8,"tags":529,"required":171,"type":346,"declarations":530,"schema":346},[],[531],{"file":200,"range":532},[533,534],12001,12015,{"name":425,"global":7,"description":8,"tags":536,"required":171,"type":427,"declarations":537,"schema":542},[],[538],{"file":200,"range":539},[540,541],12017,12030,{"kind":434,"type":435,"schema":543},[],[545,558,594],{"name":546,"type":547,"signature":548,"declarations":549,"schema":555},"update:modelValue","[value?: string | undefined]","(event: \"update:modelValue\", value?: string | undefined): void",[550],{"file":551,"range":552},"F:/tairo-persian/001/node_modules/.pnpm/@vue+runtime-core@3.4.21/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",[553,554],4472,4507,[556],{"kind":214,"type":223,"schema":557},[216,231],{"name":360,"type":559,"signature":560,"declarations":561,"schema":564},"[state: { valid: boolean; touched: boolean; error: string; }]","(event: \"validation\", state: { valid: boolean; touched: boolean; error: string; }): void",[562],{"file":551,"range":563},[553,554],[565],{"kind":342,"type":566,"schema":567},"{ valid: boolean; touched: boolean; error: string; }",{"valid":568,"touched":579,"error":587},{"name":569,"global":7,"description":8,"tags":570,"required":171,"type":571,"declarations":572,"schema":577},"valid",[],"boolean",[573],{"file":200,"range":574},[575,576],1314,1329,{"kind":214,"type":571,"schema":578},[321,322],{"name":580,"global":7,"description":8,"tags":581,"required":171,"type":571,"declarations":582,"schema":571},"touched",[],[583],{"file":200,"range":584},[585,586],1330,1347,{"name":310,"global":7,"description":8,"tags":588,"required":171,"type":231,"declarations":589,"schema":231},[],[590],{"file":200,"range":591},[592,593],1348,1361,{"name":595,"type":547,"signature":596,"declarations":597,"schema":600},"update:country","(event: \"update:country\", value?: string | undefined): void",[598],{"file":551,"range":599},[553,554],[601],{"kind":214,"type":223,"schema":602},[216,231],[604,648,652,659,665,676,704,711,715,719,726,733,742,748,754,760,766,773,779,786,793],{"name":605,"type":606,"description":8,"declarations":607,"schema":612},"$slots","Readonly\u003CInternalSlots> & { \"country-label\"?(_: { modelValue: any; country: any; validation: any; filter: any; currentCountry: any; }): any; \"country-placeholder\"?(_: { ...; }): any; \"country-item\"?(_: { ...; }): any; action?(_: { ...; }): any; }",[608],{"file":551,"range":609},[610,611],8475,8502,{"kind":342,"type":606,"schema":613},{"country-label":614,"country-placeholder":623,"country-item":632,"action":641},{"name":338,"global":7,"description":8,"tags":615,"required":7,"type":616,"declarations":617,"schema":618},[],"((_: { modelValue: any; country: any; validation: any; filter: any; currentCountry: any; }) => any) | undefined",[],{"kind":214,"type":616,"schema":619},[216,620],{"kind":434,"type":621,"schema":622},"(_: { modelValue: any; country: any; validation: any; filter: any; currentCountry: any; }): any",[],{"name":384,"global":7,"description":8,"tags":624,"required":7,"type":625,"declarations":626,"schema":627},[],"((_: { modelValue: any; country: any; validation: any; filter: any; currentCountry: any; selectCountry: (country?: string | undefined) => void; }) => any) | undefined",[],{"kind":214,"type":625,"schema":628},[216,629],{"kind":434,"type":630,"schema":631},"(_: { modelValue: any; country: any; validation: any; filter: any; currentCountry: any; selectCountry: (country?: string | undefined) => void; }): any",[],{"name":438,"global":7,"description":8,"tags":633,"required":7,"type":634,"declarations":635,"schema":636},[],"((_: { item: any; modelValue: any; country: any; validation: any; filter: any; currentCountry: any; selectCountry: (country?: string | undefined) => void; }) => any) | undefined",[],{"kind":214,"type":634,"schema":637},[216,638],{"kind":434,"type":639,"schema":640},"(_: { item: any; modelValue: any; country: any; validation: any; filter: any; currentCountry: any; selectCountry: (country?: string | undefined) => void; }): any",[],{"name":496,"global":7,"description":8,"tags":642,"required":7,"type":625,"declarations":643,"schema":644},[],[],{"kind":214,"type":625,"schema":645},[216,646],{"kind":434,"type":630,"schema":647},[],{"name":204,"type":217,"description":205,"declarations":649,"schema":217},[650],{"file":200,"range":651},[211,212],{"name":234,"type":653,"description":235,"declarations":654,"schema":657},"\"sm\" | \"none\" | \"md\" | \"lg\" | \"full\"",[655],{"file":200,"range":656},[241,242],{"kind":214,"type":653,"schema":658},[245,246,247,248,249],{"name":324,"type":326,"description":8,"declarations":660,"schema":663},[661],{"file":200,"range":662},[330,331],{"kind":214,"type":326,"schema":664},[216,321,322],{"name":666,"type":667,"description":8,"declarations":668,"schema":669},"onUpdate:modelValue","((value?: string | undefined) => any) | undefined",[],{"kind":214,"type":667,"schema":670},[216,671],{"kind":434,"type":672,"schema":673},"(value?: string | undefined): any",[674],{"kind":214,"type":223,"schema":675},[216,231],{"name":677,"type":678,"description":8,"declarations":679,"schema":680},"onValidation","((state: { valid: boolean; touched: boolean; error: string; }) => any) | undefined",[],{"kind":214,"type":678,"schema":681},[216,682],{"kind":434,"type":683,"schema":684},"(state: { valid: boolean; touched: boolean; error: string; }): any",[685],{"kind":342,"type":566,"schema":686},{"valid":687,"touched":694,"error":699},{"name":569,"global":7,"description":8,"tags":688,"required":171,"type":571,"declarations":689,"schema":692},[],[690],{"file":200,"range":691},[575,576],{"kind":214,"type":571,"schema":693},[321,322],{"name":580,"global":7,"description":8,"tags":695,"required":171,"type":571,"declarations":696,"schema":571},[],[697],{"file":200,"range":698},[585,586],{"name":310,"global":7,"description":8,"tags":700,"required":171,"type":231,"declarations":701,"schema":231},[],[702],{"file":200,"range":703},[592,593],{"name":111,"type":705,"description":261,"declarations":706,"schema":709},"\"international\" | \"national\"",[707],{"file":200,"range":708},[267,268],{"kind":214,"type":705,"schema":710},[271,272],{"name":274,"type":217,"description":275,"declarations":712,"schema":217},[713],{"file":200,"range":714},[280,281],{"name":286,"type":231,"description":287,"declarations":716,"schema":231},[717],{"file":200,"range":718},[292,293],{"name":298,"type":720,"description":299,"declarations":721,"schema":724},"\"sm\" | \"md\" | \"lg\"",[722],{"file":200,"range":723},[305,306],{"kind":214,"type":720,"schema":725},[245,247,248],{"name":310,"type":727,"description":311,"declarations":728,"schema":731},"string | boolean",[729],{"file":200,"range":730},[317,318],{"kind":214,"type":727,"schema":732},[231,321,322],{"name":734,"type":667,"description":8,"declarations":735,"schema":736},"onUpdate:country",[],{"kind":214,"type":667,"schema":737},[216,738],{"kind":434,"type":672,"schema":739},[740],{"kind":214,"type":223,"schema":741},[216,231],{"name":220,"type":346,"description":8,"declarations":743,"schema":346},[744],{"file":200,"range":745},[746,747],3114,3132,{"name":85,"type":346,"description":8,"declarations":749,"schema":346},[750],{"file":200,"range":751},[752,753],3136,3153,{"name":360,"type":346,"description":8,"declarations":755,"schema":346},[756],{"file":200,"range":757},[758,759],3157,3167,{"name":376,"type":346,"description":8,"declarations":761,"schema":346},[762],{"file":200,"range":763},[764,765],3171,3185,{"name":767,"type":346,"description":8,"declarations":768,"schema":346},"possibleCountries",[769],{"file":200,"range":770},[771,772],3189,3206,{"name":368,"type":346,"description":8,"declarations":774,"schema":346},[775],{"file":200,"range":776},[777,778],3210,3216,{"name":780,"type":346,"description":8,"declarations":781,"schema":346},"filterRef",[782],{"file":200,"range":783},[784,785],3220,3229,{"name":787,"type":346,"description":8,"declarations":788,"schema":346},"dropdownRef",[789],{"file":200,"range":790},[791,792],3233,3244,{"name":794,"type":346,"description":8,"declarations":795,"schema":346},"inputRef",[796],{"file":200,"range":797},[798,799],3248,3256,{"_path":801},"/documentation/reference/forms/input",1779173510247]