[{"data":1,"prerenderedAt":422},["Reactive",2],{"$KyeTl6nybl":3,"page-data":4,"page-tree":143,"nuxt-component-meta-TairoModal":169},[],{"_path":5,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":9,"description":10,"components":11,"icon":12,"body":14,"_type":139,"_id":140,"_source":141,"_file":142,"_extension":53},"/documentation/reference/tairo/modal","tairo",false,"","TairoModal","Modals are popups that you can use to force an interaction before the user can continue using the application.",[9],{"src":13,"srcDark":13},"/img/illustrations/components/modal-icon.svg",{"type":15,"children":16,"toc":136},"root",[17,56,85,114,132],{"type":18,"tag":19,"props":20,"children":23},"element","doc-component-demo",{"demo":21,"title":22},"#examples/modal/small-tier.vue","Small tier",[24],{"type":18,"tag":25,"props":26,"children":27},"p",{},[28,31,38,40,46,48,54],{"type":29,"value":30},"text","Modals can have different sizes. Use the ",{"type":18,"tag":32,"props":33,"children":35},"code",{"className":34},[],[36],{"type":29,"value":37},"size",{"type":29,"value":39}," prop to change the size of the modal. This example uses the ",{"type":18,"tag":32,"props":41,"children":43},{"className":42},[],[44],{"type":29,"value":45},"sm",{"type":29,"value":47}," and ",{"type":18,"tag":32,"props":49,"children":51},{"className":50},[],[52],{"type":29,"value":53},"md",{"type":29,"value":55}," size.",{"type":18,"tag":19,"props":57,"children":60},{"demo":58,"title":59},"#examples/modal/medium-tier.vue","Medium tier",[61],{"type":18,"tag":25,"props":62,"children":63},{},[64,65,70,71,77,78,84],{"type":29,"value":30},{"type":18,"tag":32,"props":66,"children":68},{"className":67},[],[69],{"type":29,"value":37},{"type":29,"value":39},{"type":18,"tag":32,"props":72,"children":74},{"className":73},[],[75],{"type":29,"value":76},"lg",{"type":29,"value":47},{"type":18,"tag":32,"props":79,"children":81},{"className":80},[],[82],{"type":29,"value":83},"xl",{"type":29,"value":55},{"type":18,"tag":19,"props":86,"children":89},{"demo":87,"title":88},"#examples/modal/large-tier.vue","Large tier",[90],{"type":18,"tag":25,"props":91,"children":92},{},[93,94,99,100,106,107,113],{"type":29,"value":30},{"type":18,"tag":32,"props":95,"children":97},{"className":96},[],[98],{"type":29,"value":37},{"type":29,"value":39},{"type":18,"tag":32,"props":101,"children":103},{"className":102},[],[104],{"type":29,"value":105},"2xl",{"type":29,"value":47},{"type":18,"tag":32,"props":108,"children":110},{"className":109},[],[111],{"type":29,"value":112},"3xl",{"type":29,"value":55},{"type":18,"tag":19,"props":115,"children":118},{"demo":116,"title":117},"#examples/modal/footer-align.vue","Footer align",[119],{"type":18,"tag":25,"props":120,"children":121},{},[122,124,130],{"type":29,"value":123},"Modals footers can be aligned to the left, right or center. Use the ",{"type":18,"tag":32,"props":125,"children":127},{"className":126},[],[128],{"type":29,"value":129},"footer-align",{"type":29,"value":131}," prop to change the alignment of the footer.",{"type":18,"tag":133,"props":134,"children":135},"doc-component-meta",{"name":9},[],{"title":8,"searchDepth":137,"depth":137,"links":138},2,[],"markdown","content:documentation:60.reference:3.tairo:modal.md","content","documentation/60.reference/3.tairo/modal.md",[144,150,158,164],{"_path":145,"_dir":8,"_draft":7,"_partial":7,"_locale":8,"title":146,"description":8,"toc":147,"_type":139,"_id":148,"_source":141,"_file":149,"_extension":53},"/documentation","مرکز مستندات",true,"content:documentation:1.index.md","documentation/1.index.md",{"_path":151,"_dir":152,"_draft":7,"_partial":147,"_locale":8,"title":153,"_id":154,"_type":155,"_source":141,"_file":156,"_extension":157},"/documentation/reference/_dir","reference","Reference","content:documentation:60.reference:_dir.yml","yaml","documentation/60.reference/_dir.yml","yml",{"_path":159,"_dir":160,"_draft":7,"_partial":7,"_locale":8,"title":161,"description":8,"_type":139,"_id":162,"_source":141,"_file":163,"_extension":53},"/documentation/reference","documentation","All components","content:documentation:60.reference:0.index.md","documentation/60.reference/0.index.md",{"_path":165,"_dir":6,"_draft":7,"_partial":147,"_locale":8,"title":166,"_id":167,"_type":155,"_source":141,"_file":168,"_extension":157},"/documentation/reference/tairo/_dir","Tairo layer","content:documentation:60.reference:3.tairo:_dir.yml","documentation/60.reference/3.tairo/_dir.yml",{"mode":170,"prefetch":7,"preload":7,"filePath":171,"pascalName":9,"kebabName":172,"chunkName":173,"shortPath":171,"export":174,"priority":175,"fullPath":176,"meta":177},"all","../layers/tairo/components/TairoModal.vue","tairo-modal","components/tairo-modal","default",0,"F:/tairo-persian/001/layers/tairo/components/TairoModal.vue",{"type":178,"props":179,"slots":299,"events":315,"exposed":327},1,[180,198,212,228,244,283],{"name":181,"global":7,"description":182,"tags":183,"required":7,"type":184,"declarations":185,"schema":190,"default":194},"rounded","The radius of the modal.",[],"\"sm\" | \"none\" | \"md\" | \"lg\" | undefined",[186],{"file":176,"range":187},[188,189],522,559,{"kind":191,"type":184,"schema":192},"enum",[193,194,195,196,197],"undefined","\"sm\"","\"none\"","\"md\"","\"lg\"",{"name":37,"global":7,"description":199,"tags":200,"required":7,"type":201,"declarations":202,"schema":207,"default":196},"The size of the modal.",[],"\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | undefined",[203],{"file":176,"range":204},[205,206],420,468,{"kind":191,"type":201,"schema":208},[193,194,196,197,209,210,211],"\"xl\"","\"2xl\"","\"3xl\"",{"name":213,"global":7,"description":214,"tags":215,"required":7,"type":218,"declarations":219,"schema":224,"default":227},"as","The HTML tag to use as modal wrapper (e.g. `div`, `form`, etc.).",[216],{"name":174,"text":217},"'div'","string | undefined",[220],{"file":176,"range":221},[222,223],357,368,{"kind":191,"type":218,"schema":225},[193,226],"string","\"div\"",{"name":229,"global":7,"description":230,"tags":231,"required":7,"type":232,"declarations":233,"schema":238,"default":241},"footerAlign","The alignment of the footer content.",[],"\"start\" | \"end\" | \"center\" | \"between\" | undefined",[234],{"file":176,"range":235},[236,237],625,677,{"kind":191,"type":232,"schema":239},[193,240,241,242,243],"\"start\"","\"end\"","\"center\"","\"between\"",{"name":245,"global":7,"description":8,"tags":246,"required":7,"type":247,"declarations":248,"schema":253,"default":282},"classes",[],"{ wrapper?: string | string[] | undefined; dialog?: string | string[] | undefined; } | undefined",[249],{"file":176,"range":250},[251,252],683,767,{"kind":191,"type":247,"schema":254},[193,255],{"kind":256,"type":257,"schema":258},"object","{ wrapper?: string | string[] | undefined; dialog?: string | string[] | undefined; }",{"wrapper":259,"dialog":274},{"name":260,"global":7,"description":8,"tags":261,"required":7,"type":262,"declarations":263,"schema":268},"wrapper",[],"string | string[] | undefined",[264],{"file":176,"range":265},[266,267],701,728,{"kind":191,"type":262,"schema":269},[193,226,270],{"kind":271,"type":272,"schema":273},"array","string[]",[226],{"name":275,"global":7,"description":8,"tags":276,"required":7,"type":262,"declarations":277,"schema":262},"dialog",[],[278],{"file":176,"range":279},[280,281],735,761,"{\n    wrapper: \"\",\n    dialog: \"\",\n}",{"name":284,"global":7,"description":285,"tags":286,"required":7,"type":287,"declarations":288,"schema":295},"open","Whether the modal is open.",[],"boolean | undefined",[289,293],{"file":176,"range":290},[291,292],220,234,{"file":176,"range":294},[291,292],{"kind":191,"type":287,"schema":296},[193,297,298],"false","true",[300,306,310],{"name":301,"type":302,"description":8,"declarations":303,"schema":304},"header","{}",[],{"kind":256,"type":302,"schema":305},{},{"name":174,"type":302,"description":8,"declarations":307,"schema":308},[],{"kind":256,"type":302,"schema":309},{},{"name":311,"type":302,"description":8,"declarations":312,"schema":313},"footer",[],{"kind":256,"type":302,"schema":314},{},[316],{"name":317,"type":318,"signature":319,"declarations":320,"schema":326},"close","[]","(event: \"close\"): void",[321],{"file":322,"range":323},"F:/tairo-persian/001/node_modules/.pnpm/@vue+runtime-core@3.4.21/node_modules/@vue/runtime-core/dist/runtime-core.d.ts",[324,325],4472,4507,[],[328,362,369,376,382,386,393,413],{"name":329,"type":330,"description":8,"declarations":331,"schema":336},"$slots","Readonly\u003CInternalSlots> & { header?(_: {}): any; default?(_: {}): any; footer?(_: {}): any; }",[332],{"file":322,"range":333},[334,335],8475,8502,{"kind":256,"type":330,"schema":337},{"header":338,"default":348,"footer":355},{"name":301,"global":7,"description":8,"tags":339,"required":7,"type":340,"declarations":341,"schema":342},[],"((_: {}) => any) | undefined",[],{"kind":191,"type":340,"schema":343},[193,344],{"kind":345,"type":346,"schema":347},"event","(_: {}): any",[],{"name":174,"global":7,"description":8,"tags":349,"required":7,"type":340,"declarations":350,"schema":351},[],[],{"kind":191,"type":340,"schema":352},[193,353],{"kind":345,"type":346,"schema":354},[],{"name":311,"global":7,"description":8,"tags":356,"required":7,"type":340,"declarations":357,"schema":358},[],[],{"kind":191,"type":340,"schema":359},[193,360],{"kind":345,"type":346,"schema":361},[],{"name":181,"type":363,"description":182,"declarations":364,"schema":367},"\"sm\" | \"none\" | \"md\" | \"lg\"",[365],{"file":176,"range":366},[188,189],{"kind":191,"type":363,"schema":368},[194,195,196,197],{"name":37,"type":370,"description":199,"declarations":371,"schema":374},"\"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\"",[372],{"file":176,"range":373},[205,206],{"kind":191,"type":370,"schema":375},[194,196,197,209,210,211],{"name":284,"type":287,"description":285,"declarations":377,"schema":380},[378],{"file":176,"range":379},[291,292],{"kind":191,"type":287,"schema":381},[193,297,298],{"name":213,"type":226,"description":214,"declarations":383,"schema":226},[384],{"file":176,"range":385},[222,223],{"name":229,"type":387,"description":230,"declarations":388,"schema":391},"\"start\" | \"end\" | \"center\" | \"between\"",[389],{"file":176,"range":390},[236,237],{"kind":191,"type":387,"schema":392},[240,241,242,243],{"name":245,"type":257,"description":8,"declarations":394,"schema":397},[395],{"file":176,"range":396},[251,252],{"kind":256,"type":257,"schema":398},{"wrapper":399,"dialog":408},{"name":260,"global":7,"description":8,"tags":400,"required":7,"type":262,"declarations":401,"schema":404},[],[402],{"file":176,"range":403},[266,267],{"kind":191,"type":262,"schema":405},[193,226,406],{"kind":271,"type":272,"schema":407},[226],{"name":275,"global":7,"description":8,"tags":409,"required":7,"type":262,"declarations":410,"schema":262},[],[411],{"file":176,"range":412},[280,281],{"name":414,"type":415,"description":8,"declarations":416,"schema":417},"onClose","(() => any) | undefined",[],{"kind":191,"type":415,"schema":418},[193,419],{"kind":345,"type":420,"schema":421},"(): any",[],1779173519159]