[{"data":1,"prerenderedAt":6636},["Reactive",2],{"content-query-rEU96S6aBc":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"_empty":6,"title":8,"description":9,"additionalProps":10,"body":16,"_type":6632,"_id":6633,"_source":6634,"_file":6635,"_extension":2139},"/docs/services/modal","services",false,"","Modal Service - Inkline","Learn how to create and manage dialogs that can be used for user dialogs, lightboxes, or completely custom content.",[11],{"name":12,"default":13,"type":14,"description":15},"id","uid()","String","The unique identifier of the modal instance, used together with the modal service",{"type":17,"children":18,"toc":6618},"root",[19,28,35,49,61,68,79,114,639,645,657,2110,2116,2149,2990,2996,3001,3008,3020,3025,3624,3630,3641,3646,3652,3657,3662,4660,4666,4671,4677,4682,5183,5189,5194,5814,5820,5825,6561,6567,6573,6579,6584,6588,6594,6599,6603,6609,6613],{"type":20,"tag":21,"props":22,"children":24},"element","h1",{"id":23},"modal-service",[25],{"type":26,"value":27},"text","Modal Service",{"type":20,"tag":29,"props":30,"children":32},"h2",{"id":31},"create-and-manage-dialogs-that-can-be-used-for-user-dialogs-lightboxes-or-completely-custom-content",[33],{"type":26,"value":34},"Create and manage dialogs that can be used for user dialogs, lightboxes, or completely custom content.",{"type":20,"tag":36,"props":37,"children":38},"p",{},[39,41,47],{"type":26,"value":40},"The Modal Service allows you to programmatically control modals in your application. It provides a composable ",{"type":20,"tag":42,"props":43,"children":44},"code-inline",{},[45],{"type":26,"value":46},"useModal()",{"type":26,"value":48}," function that returns methods for showing, hiding, and hiding all modals.",{"type":20,"tag":36,"props":50,"children":51},{},[52,54,59],{"type":26,"value":53},"Inkline automatically injects an ",{"type":20,"tag":42,"props":55,"children":56},{},[57],{"type":26,"value":58},"\u003CIModalContainer>",{"type":26,"value":60}," component within your application, used to display on-demand modals using the modal service.",{"type":20,"tag":62,"props":63,"children":65},"h3",{"id":64},"usage",[66],{"type":26,"value":67},"Usage",{"type":20,"tag":36,"props":69,"children":70},{},[71,73,77],{"type":26,"value":72},"Use the ",{"type":20,"tag":42,"props":74,"children":75},{},[76],{"type":26,"value":46},{"type":26,"value":78}," composable in your components to show or hide modal dialogs.",{"type":20,"tag":80,"props":81,"children":82},"ul",{},[83,94,104],{"type":20,"tag":84,"props":85,"children":86},"li",{},[87,92],{"type":20,"tag":42,"props":88,"children":89},{},[90],{"type":26,"value":91},"show({ id, ...props })",{"type":26,"value":93}," - Shows a modal with the provided options",{"type":20,"tag":84,"props":95,"children":96},{},[97,102],{"type":20,"tag":42,"props":98,"children":99},{},[100],{"type":26,"value":101},"hide({ id })",{"type":26,"value":103}," - Hides a modal with the provided id",{"type":20,"tag":84,"props":105,"children":106},{},[107,112],{"type":20,"tag":42,"props":108,"children":109},{},[110],{"type":26,"value":111},"hideAll()",{"type":26,"value":113}," - Hides all currently displayed modals.",{"type":20,"tag":115,"props":116,"children":117},"content-tabs",{},[118,127],{"type":20,"tag":119,"props":120,"children":121},"template",{"v-slot:preview":7},[122],{"type":20,"tag":123,"props":124,"children":126},"content-preview",{"src":125},"/components/IModalContainer/examples/basic",[],{"type":20,"tag":119,"props":128,"children":129},{"v-slot:vue":7},[130],{"type":20,"tag":131,"props":132,"children":137},"code",{"className":133,"code":135,"language":136,"meta":7},[134],"language-vue","\u003Cscript lang=\"ts\">\nimport { useModal } from '@inkline/inkline';\nimport { defineComponent } from 'vue';\n\nexport default defineComponent({\n    setup() {\n        const modal = useModal();\n\n        function showModal() {\n            modal.show({\n                header: 'Modal title',\n                body: 'Modal body text goes here',\n                footer: 'Modal footer'\n            });\n        }\n\n        return {\n            showModal\n        };\n    }\n});\n\u003C/script>\n\u003Ctemplate>\n    \u003CIButton @click=\"showModal\">Show modal\u003C/IButton>\n\u003C/template>\n\n","vue",[138],{"type":20,"tag":139,"props":140,"children":141},"pre",{},[142],{"type":20,"tag":131,"props":143,"children":144},{"__ignoreMap":7},[145,190,224,254,263,295,314,360,368,394,412,431,449,463,472,481,489,507,516,525,534,543,560,576,622],{"type":20,"tag":146,"props":147,"children":150},"span",{"class":148,"line":149},"line",1,[151,157,163,168,174,179,185],{"type":20,"tag":146,"props":152,"children":154},{"class":153},"ct-553616",[155],{"type":26,"value":156},"\u003C",{"type":20,"tag":146,"props":158,"children":160},{"class":159},"ct-914029",[161],{"type":26,"value":162},"script",{"type":20,"tag":146,"props":164,"children":165},{"class":153},[166],{"type":26,"value":167}," ",{"type":20,"tag":146,"props":169,"children":171},{"class":170},"ct-762058",[172],{"type":26,"value":173},"lang",{"type":20,"tag":146,"props":175,"children":176},{"class":153},[177],{"type":26,"value":178},"=",{"type":20,"tag":146,"props":180,"children":182},{"class":181},"ct-952708",[183],{"type":26,"value":184},"\"ts\"",{"type":20,"tag":146,"props":186,"children":187},{"class":153},[188],{"type":26,"value":189},">\n",{"type":20,"tag":146,"props":191,"children":193},{"class":148,"line":192},2,[194,200,205,210,214,219],{"type":20,"tag":146,"props":195,"children":197},{"class":196},"ct-149352",[198],{"type":26,"value":199},"import",{"type":20,"tag":146,"props":201,"children":202},{"class":153},[203],{"type":26,"value":204}," { useModal } ",{"type":20,"tag":146,"props":206,"children":207},{"class":196},[208],{"type":26,"value":209},"from",{"type":20,"tag":146,"props":211,"children":212},{"class":153},[213],{"type":26,"value":167},{"type":20,"tag":146,"props":215,"children":216},{"class":181},[217],{"type":26,"value":218},"'@inkline/inkline'",{"type":20,"tag":146,"props":220,"children":221},{"class":153},[222],{"type":26,"value":223},";\n",{"type":20,"tag":146,"props":225,"children":227},{"class":148,"line":226},3,[228,232,237,241,245,250],{"type":20,"tag":146,"props":229,"children":230},{"class":196},[231],{"type":26,"value":199},{"type":20,"tag":146,"props":233,"children":234},{"class":153},[235],{"type":26,"value":236}," { defineComponent } ",{"type":20,"tag":146,"props":238,"children":239},{"class":196},[240],{"type":26,"value":209},{"type":20,"tag":146,"props":242,"children":243},{"class":153},[244],{"type":26,"value":167},{"type":20,"tag":146,"props":246,"children":247},{"class":181},[248],{"type":26,"value":249},"'vue'",{"type":20,"tag":146,"props":251,"children":252},{"class":153},[253],{"type":26,"value":223},{"type":20,"tag":146,"props":255,"children":257},{"class":148,"line":256},4,[258],{"type":20,"tag":146,"props":259,"children":260},{},[261],{"type":26,"value":262},"\n",{"type":20,"tag":146,"props":264,"children":266},{"class":148,"line":265},5,[267,272,276,281,285,290],{"type":20,"tag":146,"props":268,"children":269},{"class":196},[270],{"type":26,"value":271},"export",{"type":20,"tag":146,"props":273,"children":274},{"class":153},[275],{"type":26,"value":167},{"type":20,"tag":146,"props":277,"children":278},{"class":196},[279],{"type":26,"value":280},"default",{"type":20,"tag":146,"props":282,"children":283},{"class":153},[284],{"type":26,"value":167},{"type":20,"tag":146,"props":286,"children":287},{"class":170},[288],{"type":26,"value":289},"defineComponent",{"type":20,"tag":146,"props":291,"children":292},{"class":153},[293],{"type":26,"value":294},"({\n",{"type":20,"tag":146,"props":296,"children":298},{"class":148,"line":297},6,[299,304,309],{"type":20,"tag":146,"props":300,"children":301},{"class":153},[302],{"type":26,"value":303},"    ",{"type":20,"tag":146,"props":305,"children":306},{"class":170},[307],{"type":26,"value":308},"setup",{"type":20,"tag":146,"props":310,"children":311},{"class":153},[312],{"type":26,"value":313},"() {\n",{"type":20,"tag":146,"props":315,"children":317},{"class":148,"line":316},7,[318,323,328,332,338,342,346,350,355],{"type":20,"tag":146,"props":319,"children":320},{"class":153},[321],{"type":26,"value":322},"        ",{"type":20,"tag":146,"props":324,"children":325},{"class":196},[326],{"type":26,"value":327},"const",{"type":20,"tag":146,"props":329,"children":330},{"class":153},[331],{"type":26,"value":167},{"type":20,"tag":146,"props":333,"children":335},{"class":334},"ct-617022",[336],{"type":26,"value":337},"modal",{"type":20,"tag":146,"props":339,"children":340},{"class":153},[341],{"type":26,"value":167},{"type":20,"tag":146,"props":343,"children":344},{"class":196},[345],{"type":26,"value":178},{"type":20,"tag":146,"props":347,"children":348},{"class":153},[349],{"type":26,"value":167},{"type":20,"tag":146,"props":351,"children":352},{"class":170},[353],{"type":26,"value":354},"useModal",{"type":20,"tag":146,"props":356,"children":357},{"class":153},[358],{"type":26,"value":359},"();\n",{"type":20,"tag":146,"props":361,"children":363},{"class":148,"line":362},8,[364],{"type":20,"tag":146,"props":365,"children":366},{},[367],{"type":26,"value":262},{"type":20,"tag":146,"props":369,"children":371},{"class":148,"line":370},9,[372,376,381,385,390],{"type":20,"tag":146,"props":373,"children":374},{"class":153},[375],{"type":26,"value":322},{"type":20,"tag":146,"props":377,"children":378},{"class":196},[379],{"type":26,"value":380},"function",{"type":20,"tag":146,"props":382,"children":383},{"class":153},[384],{"type":26,"value":167},{"type":20,"tag":146,"props":386,"children":387},{"class":170},[388],{"type":26,"value":389},"showModal",{"type":20,"tag":146,"props":391,"children":392},{"class":153},[393],{"type":26,"value":313},{"type":20,"tag":146,"props":395,"children":397},{"class":148,"line":396},10,[398,403,408],{"type":20,"tag":146,"props":399,"children":400},{"class":153},[401],{"type":26,"value":402},"            modal.",{"type":20,"tag":146,"props":404,"children":405},{"class":170},[406],{"type":26,"value":407},"show",{"type":20,"tag":146,"props":409,"children":410},{"class":153},[411],{"type":26,"value":294},{"type":20,"tag":146,"props":413,"children":415},{"class":148,"line":414},11,[416,421,426],{"type":20,"tag":146,"props":417,"children":418},{"class":153},[419],{"type":26,"value":420},"                header: ",{"type":20,"tag":146,"props":422,"children":423},{"class":181},[424],{"type":26,"value":425},"'Modal title'",{"type":20,"tag":146,"props":427,"children":428},{"class":153},[429],{"type":26,"value":430},",\n",{"type":20,"tag":146,"props":432,"children":434},{"class":148,"line":433},12,[435,440,445],{"type":20,"tag":146,"props":436,"children":437},{"class":153},[438],{"type":26,"value":439},"                body: ",{"type":20,"tag":146,"props":441,"children":442},{"class":181},[443],{"type":26,"value":444},"'Modal body text goes here'",{"type":20,"tag":146,"props":446,"children":447},{"class":153},[448],{"type":26,"value":430},{"type":20,"tag":146,"props":450,"children":452},{"class":148,"line":451},13,[453,458],{"type":20,"tag":146,"props":454,"children":455},{"class":153},[456],{"type":26,"value":457},"                footer: ",{"type":20,"tag":146,"props":459,"children":460},{"class":181},[461],{"type":26,"value":462},"'Modal footer'\n",{"type":20,"tag":146,"props":464,"children":466},{"class":148,"line":465},14,[467],{"type":20,"tag":146,"props":468,"children":469},{"class":153},[470],{"type":26,"value":471},"            });\n",{"type":20,"tag":146,"props":473,"children":475},{"class":148,"line":474},15,[476],{"type":20,"tag":146,"props":477,"children":478},{"class":153},[479],{"type":26,"value":480},"        }\n",{"type":20,"tag":146,"props":482,"children":484},{"class":148,"line":483},16,[485],{"type":20,"tag":146,"props":486,"children":487},{},[488],{"type":26,"value":262},{"type":20,"tag":146,"props":490,"children":492},{"class":148,"line":491},17,[493,497,502],{"type":20,"tag":146,"props":494,"children":495},{"class":153},[496],{"type":26,"value":322},{"type":20,"tag":146,"props":498,"children":499},{"class":196},[500],{"type":26,"value":501},"return",{"type":20,"tag":146,"props":503,"children":504},{"class":153},[505],{"type":26,"value":506}," {\n",{"type":20,"tag":146,"props":508,"children":510},{"class":148,"line":509},18,[511],{"type":20,"tag":146,"props":512,"children":513},{"class":153},[514],{"type":26,"value":515},"            showModal\n",{"type":20,"tag":146,"props":517,"children":519},{"class":148,"line":518},19,[520],{"type":20,"tag":146,"props":521,"children":522},{"class":153},[523],{"type":26,"value":524},"        };\n",{"type":20,"tag":146,"props":526,"children":528},{"class":148,"line":527},20,[529],{"type":20,"tag":146,"props":530,"children":531},{"class":153},[532],{"type":26,"value":533},"    }\n",{"type":20,"tag":146,"props":535,"children":537},{"class":148,"line":536},21,[538],{"type":20,"tag":146,"props":539,"children":540},{"class":153},[541],{"type":26,"value":542},"});\n",{"type":20,"tag":146,"props":544,"children":546},{"class":148,"line":545},22,[547,552,556],{"type":20,"tag":146,"props":548,"children":549},{"class":153},[550],{"type":26,"value":551},"\u003C/",{"type":20,"tag":146,"props":553,"children":554},{"class":159},[555],{"type":26,"value":162},{"type":20,"tag":146,"props":557,"children":558},{"class":153},[559],{"type":26,"value":189},{"type":20,"tag":146,"props":561,"children":563},{"class":148,"line":562},23,[564,568,572],{"type":20,"tag":146,"props":565,"children":566},{"class":153},[567],{"type":26,"value":156},{"type":20,"tag":146,"props":569,"children":570},{"class":159},[571],{"type":26,"value":119},{"type":20,"tag":146,"props":573,"children":574},{"class":153},[575],{"type":26,"value":189},{"type":20,"tag":146,"props":577,"children":579},{"class":148,"line":578},24,[580,585,591,595,600,604,609,614,618],{"type":20,"tag":146,"props":581,"children":582},{"class":153},[583],{"type":26,"value":584},"    \u003C",{"type":20,"tag":146,"props":586,"children":588},{"class":587},"ct-028869",[589],{"type":26,"value":590},"IButton",{"type":20,"tag":146,"props":592,"children":593},{"class":153},[594],{"type":26,"value":167},{"type":20,"tag":146,"props":596,"children":597},{"class":170},[598],{"type":26,"value":599},"@click",{"type":20,"tag":146,"props":601,"children":602},{"class":153},[603],{"type":26,"value":178},{"type":20,"tag":146,"props":605,"children":606},{"class":181},[607],{"type":26,"value":608},"\"showModal\"",{"type":20,"tag":146,"props":610,"children":611},{"class":153},[612],{"type":26,"value":613},">Show modal\u003C/",{"type":20,"tag":146,"props":615,"children":616},{"class":587},[617],{"type":26,"value":590},{"type":20,"tag":146,"props":619,"children":620},{"class":153},[621],{"type":26,"value":189},{"type":20,"tag":146,"props":623,"children":625},{"class":148,"line":624},25,[626,630,634],{"type":20,"tag":146,"props":627,"children":628},{"class":153},[629],{"type":26,"value":551},{"type":20,"tag":146,"props":631,"children":632},{"class":159},[633],{"type":26,"value":119},{"type":20,"tag":146,"props":635,"children":636},{"class":153},[637],{"type":26,"value":638},">",{"type":20,"tag":62,"props":640,"children":642},{"id":641},"color-variants",[643],{"type":26,"value":644},"Color Variants",{"type":20,"tag":36,"props":646,"children":647},{},[648,650,655],{"type":26,"value":649},"Inkline includes several predefined modal colors that you can use within your application. You can apply a style using the ",{"type":20,"tag":42,"props":651,"children":652},{},[653],{"type":26,"value":654},"color",{"type":26,"value":656}," property.",{"type":20,"tag":115,"props":658,"children":659},{},[660,667],{"type":20,"tag":119,"props":661,"children":662},{"v-slot:preview":7},[663],{"type":20,"tag":123,"props":664,"children":666},{"src":665},"/components/IModalContainer/examples/color-variants",[],{"type":20,"tag":119,"props":668,"children":669},{"v-slot:vue":7},[670],{"type":20,"tag":131,"props":671,"children":674},{"className":672,"code":673,"language":136,"meta":7},[134],"\u003Cscript lang=\"ts\">\nimport { useModal } from '@inkline/inkline';\nimport { defineComponent } from 'vue';\n\nexport default defineComponent({\n    setup() {\n        const modal = useModal();\n\n        function showLightModal() {\n            modal.show({\n                header: 'Light Modal',\n                body: 'This modal is light like a feather',\n                footer: 'Modal footer',\n                color: 'light'\n            });\n        }\n\n        function showDarkModal() {\n            modal.show({\n                header: 'Dark modal',\n                body: 'This modal is dark like the night',\n                footer: 'Modal footer',\n                color: 'dark'\n            });\n        }\n\n        function showInfoModal() {\n            modal.show({\n                header: 'Heads up!',\n                body: \"This modal needs your attention, but it's not super important.\",\n                footer: 'Modal footer',\n                color: 'info'\n            });\n        }\n\n        function showSuccessModal() {\n            modal.show({\n                header: 'Well done!',\n                body: 'You successfully read this important alert message.',\n                footer: 'Modal footer',\n                color: 'success'\n            });\n        }\n\n        function showWarningModal() {\n            modal.show({\n                header: 'Warning!',\n                body: \"Better check yourself, you're not looking too good.\",\n                footer: 'Modal footer',\n                color: 'warning'\n            });\n        }\n\n        function showDangerModal() {\n            modal.show({\n                header: 'Oh snap!',\n                body: 'Change a few things up and try submitting again.',\n                footer: 'Modal footer',\n                color: 'danger'\n            });\n        }\n\n        return {\n            showLightModal,\n            showDarkModal,\n            showInfoModal,\n            showSuccessModal,\n            showWarningModal,\n            showDangerModal\n        };\n    }\n});\n\u003C/script>\n\u003Ctemplate>\n    \u003CIButton color=\"light\" @click=\"showLightModal\">Show light modal\u003C/IButton>\n    \u003CIButton color=\"dark\" @click=\"showDarkModal\">Show dark modal\u003C/IButton>\n    \u003CIButton color=\"info\" @click=\"showInfoModal\">Show info modal\u003C/IButton>\n    \u003CIButton color=\"success\" @click=\"showSuccessModal\">Show success modal\u003C/IButton>\n    \u003CIButton color=\"warning\" @click=\"showWarningModal\">Show warning modal\u003C/IButton>\n    \u003CIButton color=\"danger\" @click=\"showDangerModal\">Show danger modal\u003C/IButton>\n\u003C/template>\n\n",[675],{"type":20,"tag":139,"props":676,"children":677},{},[678],{"type":20,"tag":131,"props":679,"children":680},{"__ignoreMap":7},[681,712,739,766,773,800,815,854,861,885,900,916,932,948,961,968,975,982,1006,1021,1037,1053,1068,1080,1087,1094,1102,1127,1143,1160,1177,1193,1206,1214,1222,1230,1255,1271,1288,1305,1321,1334,1342,1350,1358,1383,1399,1416,1433,1449,1462,1470,1478,1486,1511,1527,1544,1561,1577,1590,1598,1606,1614,1630,1639,1648,1657,1666,1675,1684,1692,1700,1708,1724,1740,1799,1858,1917,1976,2035,2094],{"type":20,"tag":146,"props":682,"children":683},{"class":148,"line":149},[684,688,692,696,700,704,708],{"type":20,"tag":146,"props":685,"children":686},{"class":153},[687],{"type":26,"value":156},{"type":20,"tag":146,"props":689,"children":690},{"class":159},[691],{"type":26,"value":162},{"type":20,"tag":146,"props":693,"children":694},{"class":153},[695],{"type":26,"value":167},{"type":20,"tag":146,"props":697,"children":698},{"class":170},[699],{"type":26,"value":173},{"type":20,"tag":146,"props":701,"children":702},{"class":153},[703],{"type":26,"value":178},{"type":20,"tag":146,"props":705,"children":706},{"class":181},[707],{"type":26,"value":184},{"type":20,"tag":146,"props":709,"children":710},{"class":153},[711],{"type":26,"value":189},{"type":20,"tag":146,"props":713,"children":714},{"class":148,"line":192},[715,719,723,727,731,735],{"type":20,"tag":146,"props":716,"children":717},{"class":196},[718],{"type":26,"value":199},{"type":20,"tag":146,"props":720,"children":721},{"class":153},[722],{"type":26,"value":204},{"type":20,"tag":146,"props":724,"children":725},{"class":196},[726],{"type":26,"value":209},{"type":20,"tag":146,"props":728,"children":729},{"class":153},[730],{"type":26,"value":167},{"type":20,"tag":146,"props":732,"children":733},{"class":181},[734],{"type":26,"value":218},{"type":20,"tag":146,"props":736,"children":737},{"class":153},[738],{"type":26,"value":223},{"type":20,"tag":146,"props":740,"children":741},{"class":148,"line":226},[742,746,750,754,758,762],{"type":20,"tag":146,"props":743,"children":744},{"class":196},[745],{"type":26,"value":199},{"type":20,"tag":146,"props":747,"children":748},{"class":153},[749],{"type":26,"value":236},{"type":20,"tag":146,"props":751,"children":752},{"class":196},[753],{"type":26,"value":209},{"type":20,"tag":146,"props":755,"children":756},{"class":153},[757],{"type":26,"value":167},{"type":20,"tag":146,"props":759,"children":760},{"class":181},[761],{"type":26,"value":249},{"type":20,"tag":146,"props":763,"children":764},{"class":153},[765],{"type":26,"value":223},{"type":20,"tag":146,"props":767,"children":768},{"class":148,"line":256},[769],{"type":20,"tag":146,"props":770,"children":771},{},[772],{"type":26,"value":262},{"type":20,"tag":146,"props":774,"children":775},{"class":148,"line":265},[776,780,784,788,792,796],{"type":20,"tag":146,"props":777,"children":778},{"class":196},[779],{"type":26,"value":271},{"type":20,"tag":146,"props":781,"children":782},{"class":153},[783],{"type":26,"value":167},{"type":20,"tag":146,"props":785,"children":786},{"class":196},[787],{"type":26,"value":280},{"type":20,"tag":146,"props":789,"children":790},{"class":153},[791],{"type":26,"value":167},{"type":20,"tag":146,"props":793,"children":794},{"class":170},[795],{"type":26,"value":289},{"type":20,"tag":146,"props":797,"children":798},{"class":153},[799],{"type":26,"value":294},{"type":20,"tag":146,"props":801,"children":802},{"class":148,"line":297},[803,807,811],{"type":20,"tag":146,"props":804,"children":805},{"class":153},[806],{"type":26,"value":303},{"type":20,"tag":146,"props":808,"children":809},{"class":170},[810],{"type":26,"value":308},{"type":20,"tag":146,"props":812,"children":813},{"class":153},[814],{"type":26,"value":313},{"type":20,"tag":146,"props":816,"children":817},{"class":148,"line":316},[818,822,826,830,834,838,842,846,850],{"type":20,"tag":146,"props":819,"children":820},{"class":153},[821],{"type":26,"value":322},{"type":20,"tag":146,"props":823,"children":824},{"class":196},[825],{"type":26,"value":327},{"type":20,"tag":146,"props":827,"children":828},{"class":153},[829],{"type":26,"value":167},{"type":20,"tag":146,"props":831,"children":832},{"class":334},[833],{"type":26,"value":337},{"type":20,"tag":146,"props":835,"children":836},{"class":153},[837],{"type":26,"value":167},{"type":20,"tag":146,"props":839,"children":840},{"class":196},[841],{"type":26,"value":178},{"type":20,"tag":146,"props":843,"children":844},{"class":153},[845],{"type":26,"value":167},{"type":20,"tag":146,"props":847,"children":848},{"class":170},[849],{"type":26,"value":354},{"type":20,"tag":146,"props":851,"children":852},{"class":153},[853],{"type":26,"value":359},{"type":20,"tag":146,"props":855,"children":856},{"class":148,"line":362},[857],{"type":20,"tag":146,"props":858,"children":859},{},[860],{"type":26,"value":262},{"type":20,"tag":146,"props":862,"children":863},{"class":148,"line":370},[864,868,872,876,881],{"type":20,"tag":146,"props":865,"children":866},{"class":153},[867],{"type":26,"value":322},{"type":20,"tag":146,"props":869,"children":870},{"class":196},[871],{"type":26,"value":380},{"type":20,"tag":146,"props":873,"children":874},{"class":153},[875],{"type":26,"value":167},{"type":20,"tag":146,"props":877,"children":878},{"class":170},[879],{"type":26,"value":880},"showLightModal",{"type":20,"tag":146,"props":882,"children":883},{"class":153},[884],{"type":26,"value":313},{"type":20,"tag":146,"props":886,"children":887},{"class":148,"line":396},[888,892,896],{"type":20,"tag":146,"props":889,"children":890},{"class":153},[891],{"type":26,"value":402},{"type":20,"tag":146,"props":893,"children":894},{"class":170},[895],{"type":26,"value":407},{"type":20,"tag":146,"props":897,"children":898},{"class":153},[899],{"type":26,"value":294},{"type":20,"tag":146,"props":901,"children":902},{"class":148,"line":414},[903,907,912],{"type":20,"tag":146,"props":904,"children":905},{"class":153},[906],{"type":26,"value":420},{"type":20,"tag":146,"props":908,"children":909},{"class":181},[910],{"type":26,"value":911},"'Light Modal'",{"type":20,"tag":146,"props":913,"children":914},{"class":153},[915],{"type":26,"value":430},{"type":20,"tag":146,"props":917,"children":918},{"class":148,"line":433},[919,923,928],{"type":20,"tag":146,"props":920,"children":921},{"class":153},[922],{"type":26,"value":439},{"type":20,"tag":146,"props":924,"children":925},{"class":181},[926],{"type":26,"value":927},"'This modal is light like a feather'",{"type":20,"tag":146,"props":929,"children":930},{"class":153},[931],{"type":26,"value":430},{"type":20,"tag":146,"props":933,"children":934},{"class":148,"line":451},[935,939,944],{"type":20,"tag":146,"props":936,"children":937},{"class":153},[938],{"type":26,"value":457},{"type":20,"tag":146,"props":940,"children":941},{"class":181},[942],{"type":26,"value":943},"'Modal footer'",{"type":20,"tag":146,"props":945,"children":946},{"class":153},[947],{"type":26,"value":430},{"type":20,"tag":146,"props":949,"children":950},{"class":148,"line":465},[951,956],{"type":20,"tag":146,"props":952,"children":953},{"class":153},[954],{"type":26,"value":955},"                color: ",{"type":20,"tag":146,"props":957,"children":958},{"class":181},[959],{"type":26,"value":960},"'light'\n",{"type":20,"tag":146,"props":962,"children":963},{"class":148,"line":474},[964],{"type":20,"tag":146,"props":965,"children":966},{"class":153},[967],{"type":26,"value":471},{"type":20,"tag":146,"props":969,"children":970},{"class":148,"line":483},[971],{"type":20,"tag":146,"props":972,"children":973},{"class":153},[974],{"type":26,"value":480},{"type":20,"tag":146,"props":976,"children":977},{"class":148,"line":491},[978],{"type":20,"tag":146,"props":979,"children":980},{},[981],{"type":26,"value":262},{"type":20,"tag":146,"props":983,"children":984},{"class":148,"line":509},[985,989,993,997,1002],{"type":20,"tag":146,"props":986,"children":987},{"class":153},[988],{"type":26,"value":322},{"type":20,"tag":146,"props":990,"children":991},{"class":196},[992],{"type":26,"value":380},{"type":20,"tag":146,"props":994,"children":995},{"class":153},[996],{"type":26,"value":167},{"type":20,"tag":146,"props":998,"children":999},{"class":170},[1000],{"type":26,"value":1001},"showDarkModal",{"type":20,"tag":146,"props":1003,"children":1004},{"class":153},[1005],{"type":26,"value":313},{"type":20,"tag":146,"props":1007,"children":1008},{"class":148,"line":518},[1009,1013,1017],{"type":20,"tag":146,"props":1010,"children":1011},{"class":153},[1012],{"type":26,"value":402},{"type":20,"tag":146,"props":1014,"children":1015},{"class":170},[1016],{"type":26,"value":407},{"type":20,"tag":146,"props":1018,"children":1019},{"class":153},[1020],{"type":26,"value":294},{"type":20,"tag":146,"props":1022,"children":1023},{"class":148,"line":527},[1024,1028,1033],{"type":20,"tag":146,"props":1025,"children":1026},{"class":153},[1027],{"type":26,"value":420},{"type":20,"tag":146,"props":1029,"children":1030},{"class":181},[1031],{"type":26,"value":1032},"'Dark modal'",{"type":20,"tag":146,"props":1034,"children":1035},{"class":153},[1036],{"type":26,"value":430},{"type":20,"tag":146,"props":1038,"children":1039},{"class":148,"line":536},[1040,1044,1049],{"type":20,"tag":146,"props":1041,"children":1042},{"class":153},[1043],{"type":26,"value":439},{"type":20,"tag":146,"props":1045,"children":1046},{"class":181},[1047],{"type":26,"value":1048},"'This modal is dark like the night'",{"type":20,"tag":146,"props":1050,"children":1051},{"class":153},[1052],{"type":26,"value":430},{"type":20,"tag":146,"props":1054,"children":1055},{"class":148,"line":545},[1056,1060,1064],{"type":20,"tag":146,"props":1057,"children":1058},{"class":153},[1059],{"type":26,"value":457},{"type":20,"tag":146,"props":1061,"children":1062},{"class":181},[1063],{"type":26,"value":943},{"type":20,"tag":146,"props":1065,"children":1066},{"class":153},[1067],{"type":26,"value":430},{"type":20,"tag":146,"props":1069,"children":1070},{"class":148,"line":562},[1071,1075],{"type":20,"tag":146,"props":1072,"children":1073},{"class":153},[1074],{"type":26,"value":955},{"type":20,"tag":146,"props":1076,"children":1077},{"class":181},[1078],{"type":26,"value":1079},"'dark'\n",{"type":20,"tag":146,"props":1081,"children":1082},{"class":148,"line":578},[1083],{"type":20,"tag":146,"props":1084,"children":1085},{"class":153},[1086],{"type":26,"value":471},{"type":20,"tag":146,"props":1088,"children":1089},{"class":148,"line":624},[1090],{"type":20,"tag":146,"props":1091,"children":1092},{"class":153},[1093],{"type":26,"value":480},{"type":20,"tag":146,"props":1095,"children":1097},{"class":148,"line":1096},26,[1098],{"type":20,"tag":146,"props":1099,"children":1100},{},[1101],{"type":26,"value":262},{"type":20,"tag":146,"props":1103,"children":1105},{"class":148,"line":1104},27,[1106,1110,1114,1118,1123],{"type":20,"tag":146,"props":1107,"children":1108},{"class":153},[1109],{"type":26,"value":322},{"type":20,"tag":146,"props":1111,"children":1112},{"class":196},[1113],{"type":26,"value":380},{"type":20,"tag":146,"props":1115,"children":1116},{"class":153},[1117],{"type":26,"value":167},{"type":20,"tag":146,"props":1119,"children":1120},{"class":170},[1121],{"type":26,"value":1122},"showInfoModal",{"type":20,"tag":146,"props":1124,"children":1125},{"class":153},[1126],{"type":26,"value":313},{"type":20,"tag":146,"props":1128,"children":1130},{"class":148,"line":1129},28,[1131,1135,1139],{"type":20,"tag":146,"props":1132,"children":1133},{"class":153},[1134],{"type":26,"value":402},{"type":20,"tag":146,"props":1136,"children":1137},{"class":170},[1138],{"type":26,"value":407},{"type":20,"tag":146,"props":1140,"children":1141},{"class":153},[1142],{"type":26,"value":294},{"type":20,"tag":146,"props":1144,"children":1146},{"class":148,"line":1145},29,[1147,1151,1156],{"type":20,"tag":146,"props":1148,"children":1149},{"class":153},[1150],{"type":26,"value":420},{"type":20,"tag":146,"props":1152,"children":1153},{"class":181},[1154],{"type":26,"value":1155},"'Heads up!'",{"type":20,"tag":146,"props":1157,"children":1158},{"class":153},[1159],{"type":26,"value":430},{"type":20,"tag":146,"props":1161,"children":1163},{"class":148,"line":1162},30,[1164,1168,1173],{"type":20,"tag":146,"props":1165,"children":1166},{"class":153},[1167],{"type":26,"value":439},{"type":20,"tag":146,"props":1169,"children":1170},{"class":181},[1171],{"type":26,"value":1172},"\"This modal needs your attention, but it's not super important.\"",{"type":20,"tag":146,"props":1174,"children":1175},{"class":153},[1176],{"type":26,"value":430},{"type":20,"tag":146,"props":1178,"children":1180},{"class":148,"line":1179},31,[1181,1185,1189],{"type":20,"tag":146,"props":1182,"children":1183},{"class":153},[1184],{"type":26,"value":457},{"type":20,"tag":146,"props":1186,"children":1187},{"class":181},[1188],{"type":26,"value":943},{"type":20,"tag":146,"props":1190,"children":1191},{"class":153},[1192],{"type":26,"value":430},{"type":20,"tag":146,"props":1194,"children":1196},{"class":148,"line":1195},32,[1197,1201],{"type":20,"tag":146,"props":1198,"children":1199},{"class":153},[1200],{"type":26,"value":955},{"type":20,"tag":146,"props":1202,"children":1203},{"class":181},[1204],{"type":26,"value":1205},"'info'\n",{"type":20,"tag":146,"props":1207,"children":1209},{"class":148,"line":1208},33,[1210],{"type":20,"tag":146,"props":1211,"children":1212},{"class":153},[1213],{"type":26,"value":471},{"type":20,"tag":146,"props":1215,"children":1217},{"class":148,"line":1216},34,[1218],{"type":20,"tag":146,"props":1219,"children":1220},{"class":153},[1221],{"type":26,"value":480},{"type":20,"tag":146,"props":1223,"children":1225},{"class":148,"line":1224},35,[1226],{"type":20,"tag":146,"props":1227,"children":1228},{},[1229],{"type":26,"value":262},{"type":20,"tag":146,"props":1231,"children":1233},{"class":148,"line":1232},36,[1234,1238,1242,1246,1251],{"type":20,"tag":146,"props":1235,"children":1236},{"class":153},[1237],{"type":26,"value":322},{"type":20,"tag":146,"props":1239,"children":1240},{"class":196},[1241],{"type":26,"value":380},{"type":20,"tag":146,"props":1243,"children":1244},{"class":153},[1245],{"type":26,"value":167},{"type":20,"tag":146,"props":1247,"children":1248},{"class":170},[1249],{"type":26,"value":1250},"showSuccessModal",{"type":20,"tag":146,"props":1252,"children":1253},{"class":153},[1254],{"type":26,"value":313},{"type":20,"tag":146,"props":1256,"children":1258},{"class":148,"line":1257},37,[1259,1263,1267],{"type":20,"tag":146,"props":1260,"children":1261},{"class":153},[1262],{"type":26,"value":402},{"type":20,"tag":146,"props":1264,"children":1265},{"class":170},[1266],{"type":26,"value":407},{"type":20,"tag":146,"props":1268,"children":1269},{"class":153},[1270],{"type":26,"value":294},{"type":20,"tag":146,"props":1272,"children":1274},{"class":148,"line":1273},38,[1275,1279,1284],{"type":20,"tag":146,"props":1276,"children":1277},{"class":153},[1278],{"type":26,"value":420},{"type":20,"tag":146,"props":1280,"children":1281},{"class":181},[1282],{"type":26,"value":1283},"'Well done!'",{"type":20,"tag":146,"props":1285,"children":1286},{"class":153},[1287],{"type":26,"value":430},{"type":20,"tag":146,"props":1289,"children":1291},{"class":148,"line":1290},39,[1292,1296,1301],{"type":20,"tag":146,"props":1293,"children":1294},{"class":153},[1295],{"type":26,"value":439},{"type":20,"tag":146,"props":1297,"children":1298},{"class":181},[1299],{"type":26,"value":1300},"'You successfully read this important alert message.'",{"type":20,"tag":146,"props":1302,"children":1303},{"class":153},[1304],{"type":26,"value":430},{"type":20,"tag":146,"props":1306,"children":1308},{"class":148,"line":1307},40,[1309,1313,1317],{"type":20,"tag":146,"props":1310,"children":1311},{"class":153},[1312],{"type":26,"value":457},{"type":20,"tag":146,"props":1314,"children":1315},{"class":181},[1316],{"type":26,"value":943},{"type":20,"tag":146,"props":1318,"children":1319},{"class":153},[1320],{"type":26,"value":430},{"type":20,"tag":146,"props":1322,"children":1324},{"class":148,"line":1323},41,[1325,1329],{"type":20,"tag":146,"props":1326,"children":1327},{"class":153},[1328],{"type":26,"value":955},{"type":20,"tag":146,"props":1330,"children":1331},{"class":181},[1332],{"type":26,"value":1333},"'success'\n",{"type":20,"tag":146,"props":1335,"children":1337},{"class":148,"line":1336},42,[1338],{"type":20,"tag":146,"props":1339,"children":1340},{"class":153},[1341],{"type":26,"value":471},{"type":20,"tag":146,"props":1343,"children":1345},{"class":148,"line":1344},43,[1346],{"type":20,"tag":146,"props":1347,"children":1348},{"class":153},[1349],{"type":26,"value":480},{"type":20,"tag":146,"props":1351,"children":1353},{"class":148,"line":1352},44,[1354],{"type":20,"tag":146,"props":1355,"children":1356},{},[1357],{"type":26,"value":262},{"type":20,"tag":146,"props":1359,"children":1361},{"class":148,"line":1360},45,[1362,1366,1370,1374,1379],{"type":20,"tag":146,"props":1363,"children":1364},{"class":153},[1365],{"type":26,"value":322},{"type":20,"tag":146,"props":1367,"children":1368},{"class":196},[1369],{"type":26,"value":380},{"type":20,"tag":146,"props":1371,"children":1372},{"class":153},[1373],{"type":26,"value":167},{"type":20,"tag":146,"props":1375,"children":1376},{"class":170},[1377],{"type":26,"value":1378},"showWarningModal",{"type":20,"tag":146,"props":1380,"children":1381},{"class":153},[1382],{"type":26,"value":313},{"type":20,"tag":146,"props":1384,"children":1386},{"class":148,"line":1385},46,[1387,1391,1395],{"type":20,"tag":146,"props":1388,"children":1389},{"class":153},[1390],{"type":26,"value":402},{"type":20,"tag":146,"props":1392,"children":1393},{"class":170},[1394],{"type":26,"value":407},{"type":20,"tag":146,"props":1396,"children":1397},{"class":153},[1398],{"type":26,"value":294},{"type":20,"tag":146,"props":1400,"children":1402},{"class":148,"line":1401},47,[1403,1407,1412],{"type":20,"tag":146,"props":1404,"children":1405},{"class":153},[1406],{"type":26,"value":420},{"type":20,"tag":146,"props":1408,"children":1409},{"class":181},[1410],{"type":26,"value":1411},"'Warning!'",{"type":20,"tag":146,"props":1413,"children":1414},{"class":153},[1415],{"type":26,"value":430},{"type":20,"tag":146,"props":1417,"children":1419},{"class":148,"line":1418},48,[1420,1424,1429],{"type":20,"tag":146,"props":1421,"children":1422},{"class":153},[1423],{"type":26,"value":439},{"type":20,"tag":146,"props":1425,"children":1426},{"class":181},[1427],{"type":26,"value":1428},"\"Better check yourself, you're not looking too good.\"",{"type":20,"tag":146,"props":1430,"children":1431},{"class":153},[1432],{"type":26,"value":430},{"type":20,"tag":146,"props":1434,"children":1436},{"class":148,"line":1435},49,[1437,1441,1445],{"type":20,"tag":146,"props":1438,"children":1439},{"class":153},[1440],{"type":26,"value":457},{"type":20,"tag":146,"props":1442,"children":1443},{"class":181},[1444],{"type":26,"value":943},{"type":20,"tag":146,"props":1446,"children":1447},{"class":153},[1448],{"type":26,"value":430},{"type":20,"tag":146,"props":1450,"children":1452},{"class":148,"line":1451},50,[1453,1457],{"type":20,"tag":146,"props":1454,"children":1455},{"class":153},[1456],{"type":26,"value":955},{"type":20,"tag":146,"props":1458,"children":1459},{"class":181},[1460],{"type":26,"value":1461},"'warning'\n",{"type":20,"tag":146,"props":1463,"children":1465},{"class":148,"line":1464},51,[1466],{"type":20,"tag":146,"props":1467,"children":1468},{"class":153},[1469],{"type":26,"value":471},{"type":20,"tag":146,"props":1471,"children":1473},{"class":148,"line":1472},52,[1474],{"type":20,"tag":146,"props":1475,"children":1476},{"class":153},[1477],{"type":26,"value":480},{"type":20,"tag":146,"props":1479,"children":1481},{"class":148,"line":1480},53,[1482],{"type":20,"tag":146,"props":1483,"children":1484},{},[1485],{"type":26,"value":262},{"type":20,"tag":146,"props":1487,"children":1489},{"class":148,"line":1488},54,[1490,1494,1498,1502,1507],{"type":20,"tag":146,"props":1491,"children":1492},{"class":153},[1493],{"type":26,"value":322},{"type":20,"tag":146,"props":1495,"children":1496},{"class":196},[1497],{"type":26,"value":380},{"type":20,"tag":146,"props":1499,"children":1500},{"class":153},[1501],{"type":26,"value":167},{"type":20,"tag":146,"props":1503,"children":1504},{"class":170},[1505],{"type":26,"value":1506},"showDangerModal",{"type":20,"tag":146,"props":1508,"children":1509},{"class":153},[1510],{"type":26,"value":313},{"type":20,"tag":146,"props":1512,"children":1514},{"class":148,"line":1513},55,[1515,1519,1523],{"type":20,"tag":146,"props":1516,"children":1517},{"class":153},[1518],{"type":26,"value":402},{"type":20,"tag":146,"props":1520,"children":1521},{"class":170},[1522],{"type":26,"value":407},{"type":20,"tag":146,"props":1524,"children":1525},{"class":153},[1526],{"type":26,"value":294},{"type":20,"tag":146,"props":1528,"children":1530},{"class":148,"line":1529},56,[1531,1535,1540],{"type":20,"tag":146,"props":1532,"children":1533},{"class":153},[1534],{"type":26,"value":420},{"type":20,"tag":146,"props":1536,"children":1537},{"class":181},[1538],{"type":26,"value":1539},"'Oh snap!'",{"type":20,"tag":146,"props":1541,"children":1542},{"class":153},[1543],{"type":26,"value":430},{"type":20,"tag":146,"props":1545,"children":1547},{"class":148,"line":1546},57,[1548,1552,1557],{"type":20,"tag":146,"props":1549,"children":1550},{"class":153},[1551],{"type":26,"value":439},{"type":20,"tag":146,"props":1553,"children":1554},{"class":181},[1555],{"type":26,"value":1556},"'Change a few things up and try submitting again.'",{"type":20,"tag":146,"props":1558,"children":1559},{"class":153},[1560],{"type":26,"value":430},{"type":20,"tag":146,"props":1562,"children":1564},{"class":148,"line":1563},58,[1565,1569,1573],{"type":20,"tag":146,"props":1566,"children":1567},{"class":153},[1568],{"type":26,"value":457},{"type":20,"tag":146,"props":1570,"children":1571},{"class":181},[1572],{"type":26,"value":943},{"type":20,"tag":146,"props":1574,"children":1575},{"class":153},[1576],{"type":26,"value":430},{"type":20,"tag":146,"props":1578,"children":1580},{"class":148,"line":1579},59,[1581,1585],{"type":20,"tag":146,"props":1582,"children":1583},{"class":153},[1584],{"type":26,"value":955},{"type":20,"tag":146,"props":1586,"children":1587},{"class":181},[1588],{"type":26,"value":1589},"'danger'\n",{"type":20,"tag":146,"props":1591,"children":1593},{"class":148,"line":1592},60,[1594],{"type":20,"tag":146,"props":1595,"children":1596},{"class":153},[1597],{"type":26,"value":471},{"type":20,"tag":146,"props":1599,"children":1601},{"class":148,"line":1600},61,[1602],{"type":20,"tag":146,"props":1603,"children":1604},{"class":153},[1605],{"type":26,"value":480},{"type":20,"tag":146,"props":1607,"children":1609},{"class":148,"line":1608},62,[1610],{"type":20,"tag":146,"props":1611,"children":1612},{},[1613],{"type":26,"value":262},{"type":20,"tag":146,"props":1615,"children":1617},{"class":148,"line":1616},63,[1618,1622,1626],{"type":20,"tag":146,"props":1619,"children":1620},{"class":153},[1621],{"type":26,"value":322},{"type":20,"tag":146,"props":1623,"children":1624},{"class":196},[1625],{"type":26,"value":501},{"type":20,"tag":146,"props":1627,"children":1628},{"class":153},[1629],{"type":26,"value":506},{"type":20,"tag":146,"props":1631,"children":1633},{"class":148,"line":1632},64,[1634],{"type":20,"tag":146,"props":1635,"children":1636},{"class":153},[1637],{"type":26,"value":1638},"            showLightModal,\n",{"type":20,"tag":146,"props":1640,"children":1642},{"class":148,"line":1641},65,[1643],{"type":20,"tag":146,"props":1644,"children":1645},{"class":153},[1646],{"type":26,"value":1647},"            showDarkModal,\n",{"type":20,"tag":146,"props":1649,"children":1651},{"class":148,"line":1650},66,[1652],{"type":20,"tag":146,"props":1653,"children":1654},{"class":153},[1655],{"type":26,"value":1656},"            showInfoModal,\n",{"type":20,"tag":146,"props":1658,"children":1660},{"class":148,"line":1659},67,[1661],{"type":20,"tag":146,"props":1662,"children":1663},{"class":153},[1664],{"type":26,"value":1665},"            showSuccessModal,\n",{"type":20,"tag":146,"props":1667,"children":1669},{"class":148,"line":1668},68,[1670],{"type":20,"tag":146,"props":1671,"children":1672},{"class":153},[1673],{"type":26,"value":1674},"            showWarningModal,\n",{"type":20,"tag":146,"props":1676,"children":1678},{"class":148,"line":1677},69,[1679],{"type":20,"tag":146,"props":1680,"children":1681},{"class":153},[1682],{"type":26,"value":1683},"            showDangerModal\n",{"type":20,"tag":146,"props":1685,"children":1687},{"class":148,"line":1686},70,[1688],{"type":20,"tag":146,"props":1689,"children":1690},{"class":153},[1691],{"type":26,"value":524},{"type":20,"tag":146,"props":1693,"children":1695},{"class":148,"line":1694},71,[1696],{"type":20,"tag":146,"props":1697,"children":1698},{"class":153},[1699],{"type":26,"value":533},{"type":20,"tag":146,"props":1701,"children":1703},{"class":148,"line":1702},72,[1704],{"type":20,"tag":146,"props":1705,"children":1706},{"class":153},[1707],{"type":26,"value":542},{"type":20,"tag":146,"props":1709,"children":1711},{"class":148,"line":1710},73,[1712,1716,1720],{"type":20,"tag":146,"props":1713,"children":1714},{"class":153},[1715],{"type":26,"value":551},{"type":20,"tag":146,"props":1717,"children":1718},{"class":159},[1719],{"type":26,"value":162},{"type":20,"tag":146,"props":1721,"children":1722},{"class":153},[1723],{"type":26,"value":189},{"type":20,"tag":146,"props":1725,"children":1727},{"class":148,"line":1726},74,[1728,1732,1736],{"type":20,"tag":146,"props":1729,"children":1730},{"class":153},[1731],{"type":26,"value":156},{"type":20,"tag":146,"props":1733,"children":1734},{"class":159},[1735],{"type":26,"value":119},{"type":20,"tag":146,"props":1737,"children":1738},{"class":153},[1739],{"type":26,"value":189},{"type":20,"tag":146,"props":1741,"children":1743},{"class":148,"line":1742},75,[1744,1748,1752,1756,1760,1764,1769,1773,1777,1781,1786,1791,1795],{"type":20,"tag":146,"props":1745,"children":1746},{"class":153},[1747],{"type":26,"value":584},{"type":20,"tag":146,"props":1749,"children":1750},{"class":587},[1751],{"type":26,"value":590},{"type":20,"tag":146,"props":1753,"children":1754},{"class":153},[1755],{"type":26,"value":167},{"type":20,"tag":146,"props":1757,"children":1758},{"class":170},[1759],{"type":26,"value":654},{"type":20,"tag":146,"props":1761,"children":1762},{"class":153},[1763],{"type":26,"value":178},{"type":20,"tag":146,"props":1765,"children":1766},{"class":181},[1767],{"type":26,"value":1768},"\"light\"",{"type":20,"tag":146,"props":1770,"children":1771},{"class":153},[1772],{"type":26,"value":167},{"type":20,"tag":146,"props":1774,"children":1775},{"class":170},[1776],{"type":26,"value":599},{"type":20,"tag":146,"props":1778,"children":1779},{"class":153},[1780],{"type":26,"value":178},{"type":20,"tag":146,"props":1782,"children":1783},{"class":181},[1784],{"type":26,"value":1785},"\"showLightModal\"",{"type":20,"tag":146,"props":1787,"children":1788},{"class":153},[1789],{"type":26,"value":1790},">Show light modal\u003C/",{"type":20,"tag":146,"props":1792,"children":1793},{"class":587},[1794],{"type":26,"value":590},{"type":20,"tag":146,"props":1796,"children":1797},{"class":153},[1798],{"type":26,"value":189},{"type":20,"tag":146,"props":1800,"children":1802},{"class":148,"line":1801},76,[1803,1807,1811,1815,1819,1823,1828,1832,1836,1840,1845,1850,1854],{"type":20,"tag":146,"props":1804,"children":1805},{"class":153},[1806],{"type":26,"value":584},{"type":20,"tag":146,"props":1808,"children":1809},{"class":587},[1810],{"type":26,"value":590},{"type":20,"tag":146,"props":1812,"children":1813},{"class":153},[1814],{"type":26,"value":167},{"type":20,"tag":146,"props":1816,"children":1817},{"class":170},[1818],{"type":26,"value":654},{"type":20,"tag":146,"props":1820,"children":1821},{"class":153},[1822],{"type":26,"value":178},{"type":20,"tag":146,"props":1824,"children":1825},{"class":181},[1826],{"type":26,"value":1827},"\"dark\"",{"type":20,"tag":146,"props":1829,"children":1830},{"class":153},[1831],{"type":26,"value":167},{"type":20,"tag":146,"props":1833,"children":1834},{"class":170},[1835],{"type":26,"value":599},{"type":20,"tag":146,"props":1837,"children":1838},{"class":153},[1839],{"type":26,"value":178},{"type":20,"tag":146,"props":1841,"children":1842},{"class":181},[1843],{"type":26,"value":1844},"\"showDarkModal\"",{"type":20,"tag":146,"props":1846,"children":1847},{"class":153},[1848],{"type":26,"value":1849},">Show dark modal\u003C/",{"type":20,"tag":146,"props":1851,"children":1852},{"class":587},[1853],{"type":26,"value":590},{"type":20,"tag":146,"props":1855,"children":1856},{"class":153},[1857],{"type":26,"value":189},{"type":20,"tag":146,"props":1859,"children":1861},{"class":148,"line":1860},77,[1862,1866,1870,1874,1878,1882,1887,1891,1895,1899,1904,1909,1913],{"type":20,"tag":146,"props":1863,"children":1864},{"class":153},[1865],{"type":26,"value":584},{"type":20,"tag":146,"props":1867,"children":1868},{"class":587},[1869],{"type":26,"value":590},{"type":20,"tag":146,"props":1871,"children":1872},{"class":153},[1873],{"type":26,"value":167},{"type":20,"tag":146,"props":1875,"children":1876},{"class":170},[1877],{"type":26,"value":654},{"type":20,"tag":146,"props":1879,"children":1880},{"class":153},[1881],{"type":26,"value":178},{"type":20,"tag":146,"props":1883,"children":1884},{"class":181},[1885],{"type":26,"value":1886},"\"info\"",{"type":20,"tag":146,"props":1888,"children":1889},{"class":153},[1890],{"type":26,"value":167},{"type":20,"tag":146,"props":1892,"children":1893},{"class":170},[1894],{"type":26,"value":599},{"type":20,"tag":146,"props":1896,"children":1897},{"class":153},[1898],{"type":26,"value":178},{"type":20,"tag":146,"props":1900,"children":1901},{"class":181},[1902],{"type":26,"value":1903},"\"showInfoModal\"",{"type":20,"tag":146,"props":1905,"children":1906},{"class":153},[1907],{"type":26,"value":1908},">Show info modal\u003C/",{"type":20,"tag":146,"props":1910,"children":1911},{"class":587},[1912],{"type":26,"value":590},{"type":20,"tag":146,"props":1914,"children":1915},{"class":153},[1916],{"type":26,"value":189},{"type":20,"tag":146,"props":1918,"children":1920},{"class":148,"line":1919},78,[1921,1925,1929,1933,1937,1941,1946,1950,1954,1958,1963,1968,1972],{"type":20,"tag":146,"props":1922,"children":1923},{"class":153},[1924],{"type":26,"value":584},{"type":20,"tag":146,"props":1926,"children":1927},{"class":587},[1928],{"type":26,"value":590},{"type":20,"tag":146,"props":1930,"children":1931},{"class":153},[1932],{"type":26,"value":167},{"type":20,"tag":146,"props":1934,"children":1935},{"class":170},[1936],{"type":26,"value":654},{"type":20,"tag":146,"props":1938,"children":1939},{"class":153},[1940],{"type":26,"value":178},{"type":20,"tag":146,"props":1942,"children":1943},{"class":181},[1944],{"type":26,"value":1945},"\"success\"",{"type":20,"tag":146,"props":1947,"children":1948},{"class":153},[1949],{"type":26,"value":167},{"type":20,"tag":146,"props":1951,"children":1952},{"class":170},[1953],{"type":26,"value":599},{"type":20,"tag":146,"props":1955,"children":1956},{"class":153},[1957],{"type":26,"value":178},{"type":20,"tag":146,"props":1959,"children":1960},{"class":181},[1961],{"type":26,"value":1962},"\"showSuccessModal\"",{"type":20,"tag":146,"props":1964,"children":1965},{"class":153},[1966],{"type":26,"value":1967},">Show success modal\u003C/",{"type":20,"tag":146,"props":1969,"children":1970},{"class":587},[1971],{"type":26,"value":590},{"type":20,"tag":146,"props":1973,"children":1974},{"class":153},[1975],{"type":26,"value":189},{"type":20,"tag":146,"props":1977,"children":1979},{"class":148,"line":1978},79,[1980,1984,1988,1992,1996,2000,2005,2009,2013,2017,2022,2027,2031],{"type":20,"tag":146,"props":1981,"children":1982},{"class":153},[1983],{"type":26,"value":584},{"type":20,"tag":146,"props":1985,"children":1986},{"class":587},[1987],{"type":26,"value":590},{"type":20,"tag":146,"props":1989,"children":1990},{"class":153},[1991],{"type":26,"value":167},{"type":20,"tag":146,"props":1993,"children":1994},{"class":170},[1995],{"type":26,"value":654},{"type":20,"tag":146,"props":1997,"children":1998},{"class":153},[1999],{"type":26,"value":178},{"type":20,"tag":146,"props":2001,"children":2002},{"class":181},[2003],{"type":26,"value":2004},"\"warning\"",{"type":20,"tag":146,"props":2006,"children":2007},{"class":153},[2008],{"type":26,"value":167},{"type":20,"tag":146,"props":2010,"children":2011},{"class":170},[2012],{"type":26,"value":599},{"type":20,"tag":146,"props":2014,"children":2015},{"class":153},[2016],{"type":26,"value":178},{"type":20,"tag":146,"props":2018,"children":2019},{"class":181},[2020],{"type":26,"value":2021},"\"showWarningModal\"",{"type":20,"tag":146,"props":2023,"children":2024},{"class":153},[2025],{"type":26,"value":2026},">Show warning modal\u003C/",{"type":20,"tag":146,"props":2028,"children":2029},{"class":587},[2030],{"type":26,"value":590},{"type":20,"tag":146,"props":2032,"children":2033},{"class":153},[2034],{"type":26,"value":189},{"type":20,"tag":146,"props":2036,"children":2038},{"class":148,"line":2037},80,[2039,2043,2047,2051,2055,2059,2064,2068,2072,2076,2081,2086,2090],{"type":20,"tag":146,"props":2040,"children":2041},{"class":153},[2042],{"type":26,"value":584},{"type":20,"tag":146,"props":2044,"children":2045},{"class":587},[2046],{"type":26,"value":590},{"type":20,"tag":146,"props":2048,"children":2049},{"class":153},[2050],{"type":26,"value":167},{"type":20,"tag":146,"props":2052,"children":2053},{"class":170},[2054],{"type":26,"value":654},{"type":20,"tag":146,"props":2056,"children":2057},{"class":153},[2058],{"type":26,"value":178},{"type":20,"tag":146,"props":2060,"children":2061},{"class":181},[2062],{"type":26,"value":2063},"\"danger\"",{"type":20,"tag":146,"props":2065,"children":2066},{"class":153},[2067],{"type":26,"value":167},{"type":20,"tag":146,"props":2069,"children":2070},{"class":170},[2071],{"type":26,"value":599},{"type":20,"tag":146,"props":2073,"children":2074},{"class":153},[2075],{"type":26,"value":178},{"type":20,"tag":146,"props":2077,"children":2078},{"class":181},[2079],{"type":26,"value":2080},"\"showDangerModal\"",{"type":20,"tag":146,"props":2082,"children":2083},{"class":153},[2084],{"type":26,"value":2085},">Show danger modal\u003C/",{"type":20,"tag":146,"props":2087,"children":2088},{"class":587},[2089],{"type":26,"value":590},{"type":20,"tag":146,"props":2091,"children":2092},{"class":153},[2093],{"type":26,"value":189},{"type":20,"tag":146,"props":2095,"children":2097},{"class":148,"line":2096},81,[2098,2102,2106],{"type":20,"tag":146,"props":2099,"children":2100},{"class":153},[2101],{"type":26,"value":551},{"type":20,"tag":146,"props":2103,"children":2104},{"class":159},[2105],{"type":26,"value":119},{"type":20,"tag":146,"props":2107,"children":2108},{"class":153},[2109],{"type":26,"value":638},{"type":20,"tag":62,"props":2111,"children":2113},{"id":2112},"size-variants",[2114],{"type":26,"value":2115},"Size Variants",{"type":20,"tag":36,"props":2117,"children":2118},{},[2119,2121,2126,2128,2133,2135,2140,2142,2147],{"type":26,"value":2120},"You're able to use the ",{"type":20,"tag":42,"props":2122,"children":2123},{},[2124],{"type":26,"value":2125},"size",{"type":26,"value":2127}," modifier to control the text and spacing size of your modals, using one of the available sizes: ",{"type":20,"tag":42,"props":2129,"children":2130},{},[2131],{"type":26,"value":2132},"sm",{"type":26,"value":2134},", ",{"type":20,"tag":42,"props":2136,"children":2137},{},[2138],{"type":26,"value":2139},"md",{"type":26,"value":2141},", and ",{"type":20,"tag":42,"props":2143,"children":2144},{},[2145],{"type":26,"value":2146},"lg",{"type":26,"value":2148},".",{"type":20,"tag":115,"props":2150,"children":2151},{},[2152,2159],{"type":20,"tag":119,"props":2153,"children":2154},{"v-slot:preview":7},[2155],{"type":20,"tag":123,"props":2156,"children":2158},{"src":2157},"/components/IModalContainer/examples/size-variants",[],{"type":20,"tag":119,"props":2160,"children":2161},{"v-slot:vue":7},[2162],{"type":20,"tag":131,"props":2163,"children":2166},{"className":2164,"code":2165,"language":136,"meta":7},[134],"\u003Cscript lang=\"ts\">\nimport { useModal } from '@inkline/inkline';\nimport { defineComponent } from 'vue';\n\nexport default defineComponent({\n    setup() {\n        const modal = useModal();\n\n        function showSmallModal() {\n            modal.show({\n                header: 'Small Modal',\n                body: 'This modal is small',\n                footer: 'Modal footer',\n                size: 'sm'\n            });\n        }\n\n        function showMediumModal() {\n            modal.show({\n                header: 'Medium Modal',\n                body: 'This modal is medium',\n                footer: 'Modal footer',\n                size: 'md'\n            });\n        }\n\n        function showLargeModal() {\n            modal.show({\n                header: 'Large Modal',\n                body: 'This modal is large',\n                footer: 'Modal footer',\n                size: 'lg'\n            });\n        }\n\n        return {\n            showSmallModal,\n            showMediumModal,\n            showLargeModal\n        };\n    }\n});\n\u003C/script>\n\u003Ctemplate>\n    \u003CIButton size=\"sm\" @click=\"showSmallModal\">Show small modal\u003C/IButton>\n    \u003CIButton size=\"md\" @click=\"showMediumModal\">Show medium modal\u003C/IButton>\n    \u003CIButton size=\"lg\" @click=\"showLargeModal\">Show large modal\u003C/IButton>\n\u003C/template>\n\n",[2167],{"type":20,"tag":139,"props":2168,"children":2169},{},[2170],{"type":20,"tag":131,"props":2171,"children":2172},{"__ignoreMap":7},[2173,2204,2231,2258,2265,2292,2307,2346,2353,2377,2392,2408,2424,2439,2452,2459,2466,2473,2497,2512,2528,2544,2559,2571,2578,2585,2592,2616,2631,2647,2663,2678,2690,2697,2704,2711,2726,2734,2742,2750,2757,2764,2771,2786,2801,2859,2917,2975],{"type":20,"tag":146,"props":2174,"children":2175},{"class":148,"line":149},[2176,2180,2184,2188,2192,2196,2200],{"type":20,"tag":146,"props":2177,"children":2178},{"class":153},[2179],{"type":26,"value":156},{"type":20,"tag":146,"props":2181,"children":2182},{"class":159},[2183],{"type":26,"value":162},{"type":20,"tag":146,"props":2185,"children":2186},{"class":153},[2187],{"type":26,"value":167},{"type":20,"tag":146,"props":2189,"children":2190},{"class":170},[2191],{"type":26,"value":173},{"type":20,"tag":146,"props":2193,"children":2194},{"class":153},[2195],{"type":26,"value":178},{"type":20,"tag":146,"props":2197,"children":2198},{"class":181},[2199],{"type":26,"value":184},{"type":20,"tag":146,"props":2201,"children":2202},{"class":153},[2203],{"type":26,"value":189},{"type":20,"tag":146,"props":2205,"children":2206},{"class":148,"line":192},[2207,2211,2215,2219,2223,2227],{"type":20,"tag":146,"props":2208,"children":2209},{"class":196},[2210],{"type":26,"value":199},{"type":20,"tag":146,"props":2212,"children":2213},{"class":153},[2214],{"type":26,"value":204},{"type":20,"tag":146,"props":2216,"children":2217},{"class":196},[2218],{"type":26,"value":209},{"type":20,"tag":146,"props":2220,"children":2221},{"class":153},[2222],{"type":26,"value":167},{"type":20,"tag":146,"props":2224,"children":2225},{"class":181},[2226],{"type":26,"value":218},{"type":20,"tag":146,"props":2228,"children":2229},{"class":153},[2230],{"type":26,"value":223},{"type":20,"tag":146,"props":2232,"children":2233},{"class":148,"line":226},[2234,2238,2242,2246,2250,2254],{"type":20,"tag":146,"props":2235,"children":2236},{"class":196},[2237],{"type":26,"value":199},{"type":20,"tag":146,"props":2239,"children":2240},{"class":153},[2241],{"type":26,"value":236},{"type":20,"tag":146,"props":2243,"children":2244},{"class":196},[2245],{"type":26,"value":209},{"type":20,"tag":146,"props":2247,"children":2248},{"class":153},[2249],{"type":26,"value":167},{"type":20,"tag":146,"props":2251,"children":2252},{"class":181},[2253],{"type":26,"value":249},{"type":20,"tag":146,"props":2255,"children":2256},{"class":153},[2257],{"type":26,"value":223},{"type":20,"tag":146,"props":2259,"children":2260},{"class":148,"line":256},[2261],{"type":20,"tag":146,"props":2262,"children":2263},{},[2264],{"type":26,"value":262},{"type":20,"tag":146,"props":2266,"children":2267},{"class":148,"line":265},[2268,2272,2276,2280,2284,2288],{"type":20,"tag":146,"props":2269,"children":2270},{"class":196},[2271],{"type":26,"value":271},{"type":20,"tag":146,"props":2273,"children":2274},{"class":153},[2275],{"type":26,"value":167},{"type":20,"tag":146,"props":2277,"children":2278},{"class":196},[2279],{"type":26,"value":280},{"type":20,"tag":146,"props":2281,"children":2282},{"class":153},[2283],{"type":26,"value":167},{"type":20,"tag":146,"props":2285,"children":2286},{"class":170},[2287],{"type":26,"value":289},{"type":20,"tag":146,"props":2289,"children":2290},{"class":153},[2291],{"type":26,"value":294},{"type":20,"tag":146,"props":2293,"children":2294},{"class":148,"line":297},[2295,2299,2303],{"type":20,"tag":146,"props":2296,"children":2297},{"class":153},[2298],{"type":26,"value":303},{"type":20,"tag":146,"props":2300,"children":2301},{"class":170},[2302],{"type":26,"value":308},{"type":20,"tag":146,"props":2304,"children":2305},{"class":153},[2306],{"type":26,"value":313},{"type":20,"tag":146,"props":2308,"children":2309},{"class":148,"line":316},[2310,2314,2318,2322,2326,2330,2334,2338,2342],{"type":20,"tag":146,"props":2311,"children":2312},{"class":153},[2313],{"type":26,"value":322},{"type":20,"tag":146,"props":2315,"children":2316},{"class":196},[2317],{"type":26,"value":327},{"type":20,"tag":146,"props":2319,"children":2320},{"class":153},[2321],{"type":26,"value":167},{"type":20,"tag":146,"props":2323,"children":2324},{"class":334},[2325],{"type":26,"value":337},{"type":20,"tag":146,"props":2327,"children":2328},{"class":153},[2329],{"type":26,"value":167},{"type":20,"tag":146,"props":2331,"children":2332},{"class":196},[2333],{"type":26,"value":178},{"type":20,"tag":146,"props":2335,"children":2336},{"class":153},[2337],{"type":26,"value":167},{"type":20,"tag":146,"props":2339,"children":2340},{"class":170},[2341],{"type":26,"value":354},{"type":20,"tag":146,"props":2343,"children":2344},{"class":153},[2345],{"type":26,"value":359},{"type":20,"tag":146,"props":2347,"children":2348},{"class":148,"line":362},[2349],{"type":20,"tag":146,"props":2350,"children":2351},{},[2352],{"type":26,"value":262},{"type":20,"tag":146,"props":2354,"children":2355},{"class":148,"line":370},[2356,2360,2364,2368,2373],{"type":20,"tag":146,"props":2357,"children":2358},{"class":153},[2359],{"type":26,"value":322},{"type":20,"tag":146,"props":2361,"children":2362},{"class":196},[2363],{"type":26,"value":380},{"type":20,"tag":146,"props":2365,"children":2366},{"class":153},[2367],{"type":26,"value":167},{"type":20,"tag":146,"props":2369,"children":2370},{"class":170},[2371],{"type":26,"value":2372},"showSmallModal",{"type":20,"tag":146,"props":2374,"children":2375},{"class":153},[2376],{"type":26,"value":313},{"type":20,"tag":146,"props":2378,"children":2379},{"class":148,"line":396},[2380,2384,2388],{"type":20,"tag":146,"props":2381,"children":2382},{"class":153},[2383],{"type":26,"value":402},{"type":20,"tag":146,"props":2385,"children":2386},{"class":170},[2387],{"type":26,"value":407},{"type":20,"tag":146,"props":2389,"children":2390},{"class":153},[2391],{"type":26,"value":294},{"type":20,"tag":146,"props":2393,"children":2394},{"class":148,"line":414},[2395,2399,2404],{"type":20,"tag":146,"props":2396,"children":2397},{"class":153},[2398],{"type":26,"value":420},{"type":20,"tag":146,"props":2400,"children":2401},{"class":181},[2402],{"type":26,"value":2403},"'Small Modal'",{"type":20,"tag":146,"props":2405,"children":2406},{"class":153},[2407],{"type":26,"value":430},{"type":20,"tag":146,"props":2409,"children":2410},{"class":148,"line":433},[2411,2415,2420],{"type":20,"tag":146,"props":2412,"children":2413},{"class":153},[2414],{"type":26,"value":439},{"type":20,"tag":146,"props":2416,"children":2417},{"class":181},[2418],{"type":26,"value":2419},"'This modal is small'",{"type":20,"tag":146,"props":2421,"children":2422},{"class":153},[2423],{"type":26,"value":430},{"type":20,"tag":146,"props":2425,"children":2426},{"class":148,"line":451},[2427,2431,2435],{"type":20,"tag":146,"props":2428,"children":2429},{"class":153},[2430],{"type":26,"value":457},{"type":20,"tag":146,"props":2432,"children":2433},{"class":181},[2434],{"type":26,"value":943},{"type":20,"tag":146,"props":2436,"children":2437},{"class":153},[2438],{"type":26,"value":430},{"type":20,"tag":146,"props":2440,"children":2441},{"class":148,"line":465},[2442,2447],{"type":20,"tag":146,"props":2443,"children":2444},{"class":153},[2445],{"type":26,"value":2446},"                size: ",{"type":20,"tag":146,"props":2448,"children":2449},{"class":181},[2450],{"type":26,"value":2451},"'sm'\n",{"type":20,"tag":146,"props":2453,"children":2454},{"class":148,"line":474},[2455],{"type":20,"tag":146,"props":2456,"children":2457},{"class":153},[2458],{"type":26,"value":471},{"type":20,"tag":146,"props":2460,"children":2461},{"class":148,"line":483},[2462],{"type":20,"tag":146,"props":2463,"children":2464},{"class":153},[2465],{"type":26,"value":480},{"type":20,"tag":146,"props":2467,"children":2468},{"class":148,"line":491},[2469],{"type":20,"tag":146,"props":2470,"children":2471},{},[2472],{"type":26,"value":262},{"type":20,"tag":146,"props":2474,"children":2475},{"class":148,"line":509},[2476,2480,2484,2488,2493],{"type":20,"tag":146,"props":2477,"children":2478},{"class":153},[2479],{"type":26,"value":322},{"type":20,"tag":146,"props":2481,"children":2482},{"class":196},[2483],{"type":26,"value":380},{"type":20,"tag":146,"props":2485,"children":2486},{"class":153},[2487],{"type":26,"value":167},{"type":20,"tag":146,"props":2489,"children":2490},{"class":170},[2491],{"type":26,"value":2492},"showMediumModal",{"type":20,"tag":146,"props":2494,"children":2495},{"class":153},[2496],{"type":26,"value":313},{"type":20,"tag":146,"props":2498,"children":2499},{"class":148,"line":518},[2500,2504,2508],{"type":20,"tag":146,"props":2501,"children":2502},{"class":153},[2503],{"type":26,"value":402},{"type":20,"tag":146,"props":2505,"children":2506},{"class":170},[2507],{"type":26,"value":407},{"type":20,"tag":146,"props":2509,"children":2510},{"class":153},[2511],{"type":26,"value":294},{"type":20,"tag":146,"props":2513,"children":2514},{"class":148,"line":527},[2515,2519,2524],{"type":20,"tag":146,"props":2516,"children":2517},{"class":153},[2518],{"type":26,"value":420},{"type":20,"tag":146,"props":2520,"children":2521},{"class":181},[2522],{"type":26,"value":2523},"'Medium Modal'",{"type":20,"tag":146,"props":2525,"children":2526},{"class":153},[2527],{"type":26,"value":430},{"type":20,"tag":146,"props":2529,"children":2530},{"class":148,"line":536},[2531,2535,2540],{"type":20,"tag":146,"props":2532,"children":2533},{"class":153},[2534],{"type":26,"value":439},{"type":20,"tag":146,"props":2536,"children":2537},{"class":181},[2538],{"type":26,"value":2539},"'This modal is medium'",{"type":20,"tag":146,"props":2541,"children":2542},{"class":153},[2543],{"type":26,"value":430},{"type":20,"tag":146,"props":2545,"children":2546},{"class":148,"line":545},[2547,2551,2555],{"type":20,"tag":146,"props":2548,"children":2549},{"class":153},[2550],{"type":26,"value":457},{"type":20,"tag":146,"props":2552,"children":2553},{"class":181},[2554],{"type":26,"value":943},{"type":20,"tag":146,"props":2556,"children":2557},{"class":153},[2558],{"type":26,"value":430},{"type":20,"tag":146,"props":2560,"children":2561},{"class":148,"line":562},[2562,2566],{"type":20,"tag":146,"props":2563,"children":2564},{"class":153},[2565],{"type":26,"value":2446},{"type":20,"tag":146,"props":2567,"children":2568},{"class":181},[2569],{"type":26,"value":2570},"'md'\n",{"type":20,"tag":146,"props":2572,"children":2573},{"class":148,"line":578},[2574],{"type":20,"tag":146,"props":2575,"children":2576},{"class":153},[2577],{"type":26,"value":471},{"type":20,"tag":146,"props":2579,"children":2580},{"class":148,"line":624},[2581],{"type":20,"tag":146,"props":2582,"children":2583},{"class":153},[2584],{"type":26,"value":480},{"type":20,"tag":146,"props":2586,"children":2587},{"class":148,"line":1096},[2588],{"type":20,"tag":146,"props":2589,"children":2590},{},[2591],{"type":26,"value":262},{"type":20,"tag":146,"props":2593,"children":2594},{"class":148,"line":1104},[2595,2599,2603,2607,2612],{"type":20,"tag":146,"props":2596,"children":2597},{"class":153},[2598],{"type":26,"value":322},{"type":20,"tag":146,"props":2600,"children":2601},{"class":196},[2602],{"type":26,"value":380},{"type":20,"tag":146,"props":2604,"children":2605},{"class":153},[2606],{"type":26,"value":167},{"type":20,"tag":146,"props":2608,"children":2609},{"class":170},[2610],{"type":26,"value":2611},"showLargeModal",{"type":20,"tag":146,"props":2613,"children":2614},{"class":153},[2615],{"type":26,"value":313},{"type":20,"tag":146,"props":2617,"children":2618},{"class":148,"line":1129},[2619,2623,2627],{"type":20,"tag":146,"props":2620,"children":2621},{"class":153},[2622],{"type":26,"value":402},{"type":20,"tag":146,"props":2624,"children":2625},{"class":170},[2626],{"type":26,"value":407},{"type":20,"tag":146,"props":2628,"children":2629},{"class":153},[2630],{"type":26,"value":294},{"type":20,"tag":146,"props":2632,"children":2633},{"class":148,"line":1145},[2634,2638,2643],{"type":20,"tag":146,"props":2635,"children":2636},{"class":153},[2637],{"type":26,"value":420},{"type":20,"tag":146,"props":2639,"children":2640},{"class":181},[2641],{"type":26,"value":2642},"'Large Modal'",{"type":20,"tag":146,"props":2644,"children":2645},{"class":153},[2646],{"type":26,"value":430},{"type":20,"tag":146,"props":2648,"children":2649},{"class":148,"line":1162},[2650,2654,2659],{"type":20,"tag":146,"props":2651,"children":2652},{"class":153},[2653],{"type":26,"value":439},{"type":20,"tag":146,"props":2655,"children":2656},{"class":181},[2657],{"type":26,"value":2658},"'This modal is large'",{"type":20,"tag":146,"props":2660,"children":2661},{"class":153},[2662],{"type":26,"value":430},{"type":20,"tag":146,"props":2664,"children":2665},{"class":148,"line":1179},[2666,2670,2674],{"type":20,"tag":146,"props":2667,"children":2668},{"class":153},[2669],{"type":26,"value":457},{"type":20,"tag":146,"props":2671,"children":2672},{"class":181},[2673],{"type":26,"value":943},{"type":20,"tag":146,"props":2675,"children":2676},{"class":153},[2677],{"type":26,"value":430},{"type":20,"tag":146,"props":2679,"children":2680},{"class":148,"line":1195},[2681,2685],{"type":20,"tag":146,"props":2682,"children":2683},{"class":153},[2684],{"type":26,"value":2446},{"type":20,"tag":146,"props":2686,"children":2687},{"class":181},[2688],{"type":26,"value":2689},"'lg'\n",{"type":20,"tag":146,"props":2691,"children":2692},{"class":148,"line":1208},[2693],{"type":20,"tag":146,"props":2694,"children":2695},{"class":153},[2696],{"type":26,"value":471},{"type":20,"tag":146,"props":2698,"children":2699},{"class":148,"line":1216},[2700],{"type":20,"tag":146,"props":2701,"children":2702},{"class":153},[2703],{"type":26,"value":480},{"type":20,"tag":146,"props":2705,"children":2706},{"class":148,"line":1224},[2707],{"type":20,"tag":146,"props":2708,"children":2709},{},[2710],{"type":26,"value":262},{"type":20,"tag":146,"props":2712,"children":2713},{"class":148,"line":1232},[2714,2718,2722],{"type":20,"tag":146,"props":2715,"children":2716},{"class":153},[2717],{"type":26,"value":322},{"type":20,"tag":146,"props":2719,"children":2720},{"class":196},[2721],{"type":26,"value":501},{"type":20,"tag":146,"props":2723,"children":2724},{"class":153},[2725],{"type":26,"value":506},{"type":20,"tag":146,"props":2727,"children":2728},{"class":148,"line":1257},[2729],{"type":20,"tag":146,"props":2730,"children":2731},{"class":153},[2732],{"type":26,"value":2733},"            showSmallModal,\n",{"type":20,"tag":146,"props":2735,"children":2736},{"class":148,"line":1273},[2737],{"type":20,"tag":146,"props":2738,"children":2739},{"class":153},[2740],{"type":26,"value":2741},"            showMediumModal,\n",{"type":20,"tag":146,"props":2743,"children":2744},{"class":148,"line":1290},[2745],{"type":20,"tag":146,"props":2746,"children":2747},{"class":153},[2748],{"type":26,"value":2749},"            showLargeModal\n",{"type":20,"tag":146,"props":2751,"children":2752},{"class":148,"line":1307},[2753],{"type":20,"tag":146,"props":2754,"children":2755},{"class":153},[2756],{"type":26,"value":524},{"type":20,"tag":146,"props":2758,"children":2759},{"class":148,"line":1323},[2760],{"type":20,"tag":146,"props":2761,"children":2762},{"class":153},[2763],{"type":26,"value":533},{"type":20,"tag":146,"props":2765,"children":2766},{"class":148,"line":1336},[2767],{"type":20,"tag":146,"props":2768,"children":2769},{"class":153},[2770],{"type":26,"value":542},{"type":20,"tag":146,"props":2772,"children":2773},{"class":148,"line":1344},[2774,2778,2782],{"type":20,"tag":146,"props":2775,"children":2776},{"class":153},[2777],{"type":26,"value":551},{"type":20,"tag":146,"props":2779,"children":2780},{"class":159},[2781],{"type":26,"value":162},{"type":20,"tag":146,"props":2783,"children":2784},{"class":153},[2785],{"type":26,"value":189},{"type":20,"tag":146,"props":2787,"children":2788},{"class":148,"line":1352},[2789,2793,2797],{"type":20,"tag":146,"props":2790,"children":2791},{"class":153},[2792],{"type":26,"value":156},{"type":20,"tag":146,"props":2794,"children":2795},{"class":159},[2796],{"type":26,"value":119},{"type":20,"tag":146,"props":2798,"children":2799},{"class":153},[2800],{"type":26,"value":189},{"type":20,"tag":146,"props":2802,"children":2803},{"class":148,"line":1360},[2804,2808,2812,2816,2820,2824,2829,2833,2837,2841,2846,2851,2855],{"type":20,"tag":146,"props":2805,"children":2806},{"class":153},[2807],{"type":26,"value":584},{"type":20,"tag":146,"props":2809,"children":2810},{"class":587},[2811],{"type":26,"value":590},{"type":20,"tag":146,"props":2813,"children":2814},{"class":153},[2815],{"type":26,"value":167},{"type":20,"tag":146,"props":2817,"children":2818},{"class":170},[2819],{"type":26,"value":2125},{"type":20,"tag":146,"props":2821,"children":2822},{"class":153},[2823],{"type":26,"value":178},{"type":20,"tag":146,"props":2825,"children":2826},{"class":181},[2827],{"type":26,"value":2828},"\"sm\"",{"type":20,"tag":146,"props":2830,"children":2831},{"class":153},[2832],{"type":26,"value":167},{"type":20,"tag":146,"props":2834,"children":2835},{"class":170},[2836],{"type":26,"value":599},{"type":20,"tag":146,"props":2838,"children":2839},{"class":153},[2840],{"type":26,"value":178},{"type":20,"tag":146,"props":2842,"children":2843},{"class":181},[2844],{"type":26,"value":2845},"\"showSmallModal\"",{"type":20,"tag":146,"props":2847,"children":2848},{"class":153},[2849],{"type":26,"value":2850},">Show small modal\u003C/",{"type":20,"tag":146,"props":2852,"children":2853},{"class":587},[2854],{"type":26,"value":590},{"type":20,"tag":146,"props":2856,"children":2857},{"class":153},[2858],{"type":26,"value":189},{"type":20,"tag":146,"props":2860,"children":2861},{"class":148,"line":1385},[2862,2866,2870,2874,2878,2882,2887,2891,2895,2899,2904,2909,2913],{"type":20,"tag":146,"props":2863,"children":2864},{"class":153},[2865],{"type":26,"value":584},{"type":20,"tag":146,"props":2867,"children":2868},{"class":587},[2869],{"type":26,"value":590},{"type":20,"tag":146,"props":2871,"children":2872},{"class":153},[2873],{"type":26,"value":167},{"type":20,"tag":146,"props":2875,"children":2876},{"class":170},[2877],{"type":26,"value":2125},{"type":20,"tag":146,"props":2879,"children":2880},{"class":153},[2881],{"type":26,"value":178},{"type":20,"tag":146,"props":2883,"children":2884},{"class":181},[2885],{"type":26,"value":2886},"\"md\"",{"type":20,"tag":146,"props":2888,"children":2889},{"class":153},[2890],{"type":26,"value":167},{"type":20,"tag":146,"props":2892,"children":2893},{"class":170},[2894],{"type":26,"value":599},{"type":20,"tag":146,"props":2896,"children":2897},{"class":153},[2898],{"type":26,"value":178},{"type":20,"tag":146,"props":2900,"children":2901},{"class":181},[2902],{"type":26,"value":2903},"\"showMediumModal\"",{"type":20,"tag":146,"props":2905,"children":2906},{"class":153},[2907],{"type":26,"value":2908},">Show medium modal\u003C/",{"type":20,"tag":146,"props":2910,"children":2911},{"class":587},[2912],{"type":26,"value":590},{"type":20,"tag":146,"props":2914,"children":2915},{"class":153},[2916],{"type":26,"value":189},{"type":20,"tag":146,"props":2918,"children":2919},{"class":148,"line":1401},[2920,2924,2928,2932,2936,2940,2945,2949,2953,2957,2962,2967,2971],{"type":20,"tag":146,"props":2921,"children":2922},{"class":153},[2923],{"type":26,"value":584},{"type":20,"tag":146,"props":2925,"children":2926},{"class":587},[2927],{"type":26,"value":590},{"type":20,"tag":146,"props":2929,"children":2930},{"class":153},[2931],{"type":26,"value":167},{"type":20,"tag":146,"props":2933,"children":2934},{"class":170},[2935],{"type":26,"value":2125},{"type":20,"tag":146,"props":2937,"children":2938},{"class":153},[2939],{"type":26,"value":178},{"type":20,"tag":146,"props":2941,"children":2942},{"class":181},[2943],{"type":26,"value":2944},"\"lg\"",{"type":20,"tag":146,"props":2946,"children":2947},{"class":153},[2948],{"type":26,"value":167},{"type":20,"tag":146,"props":2950,"children":2951},{"class":170},[2952],{"type":26,"value":599},{"type":20,"tag":146,"props":2954,"children":2955},{"class":153},[2956],{"type":26,"value":178},{"type":20,"tag":146,"props":2958,"children":2959},{"class":181},[2960],{"type":26,"value":2961},"\"showLargeModal\"",{"type":20,"tag":146,"props":2963,"children":2964},{"class":153},[2965],{"type":26,"value":2966},">Show large modal\u003C/",{"type":20,"tag":146,"props":2968,"children":2969},{"class":587},[2970],{"type":26,"value":590},{"type":20,"tag":146,"props":2972,"children":2973},{"class":153},[2974],{"type":26,"value":189},{"type":20,"tag":146,"props":2976,"children":2977},{"class":148,"line":1418},[2978,2982,2986],{"type":20,"tag":146,"props":2979,"children":2980},{"class":153},[2981],{"type":26,"value":551},{"type":20,"tag":146,"props":2983,"children":2984},{"class":159},[2985],{"type":26,"value":119},{"type":20,"tag":146,"props":2987,"children":2988},{"class":153},[2989],{"type":26,"value":638},{"type":20,"tag":62,"props":2991,"children":2993},{"id":2992},"controlled-modals",[2994],{"type":26,"value":2995},"Controlled modals",{"type":20,"tag":36,"props":2997,"children":2998},{},[2999],{"type":26,"value":3000},"Controlled modals offer a higher level of flexibility in managing your dialogs. By using unique ids, timed, and sticky durations, you can tailor the behavior of each modal to fit your application's specific needs.",{"type":20,"tag":3002,"props":3003,"children":3005},"h4",{"id":3004},"hide-by-id",[3006],{"type":26,"value":3007},"Hide by ID",{"type":20,"tag":36,"props":3009,"children":3010},{},[3011,3013,3018],{"type":26,"value":3012},"To individually control the visibility of a modal, assign a unique id property when creating it. By doing so, you can easily target specific modals and hide them using the ",{"type":20,"tag":42,"props":3014,"children":3015},{},[3016],{"type":26,"value":3017},"hide()",{"type":26,"value":3019}," method.",{"type":20,"tag":36,"props":3021,"children":3022},{},[3023],{"type":26,"value":3024},"This approach is helpful when managing multiple modals simultaneously, and you need to dismiss a particular modal without affecting others.",{"type":20,"tag":115,"props":3026,"children":3027},{},[3028,3035],{"type":20,"tag":119,"props":3029,"children":3030},{"v-slot:preview":7},[3031],{"type":20,"tag":123,"props":3032,"children":3034},{"src":3033},"/components/IModalContainer/examples/hide",[],{"type":20,"tag":119,"props":3036,"children":3037},{"v-slot:vue":7},[3038],{"type":20,"tag":131,"props":3039,"children":3042},{"className":3040,"code":3041,"language":136,"meta":7},[134],"\u003Cscript lang=\"ts\">\nimport { useModal } from '@inkline/inkline';\nimport { defineComponent } from 'vue';\n\nexport default defineComponent({\n    setup() {\n        const modalId = 'modal';\n        const modal = useModal();\n\n        function showModal() {\n            modal.show({\n                id: modalId,\n                header: 'Controlled Modal',\n                body: 'This modal will be visible for 3 seconds'\n            });\n\n            hideModal();\n        }\n\n        function hideModal() {\n            setTimeout(() => {\n                modal.hide({ id: modalId });\n            }, 3000);\n        }\n\n        return {\n            showModal,\n            hideModal\n        };\n    }\n});\n\u003C/script>\n\u003Ctemplate>\n    \u003CIButton @click=\"showModal\">Show modal\u003C/IButton>\n\u003C/template>\n\n",[3043],{"type":20,"tag":139,"props":3044,"children":3045},{},[3046],{"type":20,"tag":131,"props":3047,"children":3048},{"__ignoreMap":7},[3049,3080,3107,3134,3141,3168,3183,3224,3263,3270,3293,3308,3316,3332,3344,3351,3358,3375,3382,3389,3412,3438,3456,3474,3481,3488,3503,3511,3519,3526,3533,3540,3555,3570,3609],{"type":20,"tag":146,"props":3050,"children":3051},{"class":148,"line":149},[3052,3056,3060,3064,3068,3072,3076],{"type":20,"tag":146,"props":3053,"children":3054},{"class":153},[3055],{"type":26,"value":156},{"type":20,"tag":146,"props":3057,"children":3058},{"class":159},[3059],{"type":26,"value":162},{"type":20,"tag":146,"props":3061,"children":3062},{"class":153},[3063],{"type":26,"value":167},{"type":20,"tag":146,"props":3065,"children":3066},{"class":170},[3067],{"type":26,"value":173},{"type":20,"tag":146,"props":3069,"children":3070},{"class":153},[3071],{"type":26,"value":178},{"type":20,"tag":146,"props":3073,"children":3074},{"class":181},[3075],{"type":26,"value":184},{"type":20,"tag":146,"props":3077,"children":3078},{"class":153},[3079],{"type":26,"value":189},{"type":20,"tag":146,"props":3081,"children":3082},{"class":148,"line":192},[3083,3087,3091,3095,3099,3103],{"type":20,"tag":146,"props":3084,"children":3085},{"class":196},[3086],{"type":26,"value":199},{"type":20,"tag":146,"props":3088,"children":3089},{"class":153},[3090],{"type":26,"value":204},{"type":20,"tag":146,"props":3092,"children":3093},{"class":196},[3094],{"type":26,"value":209},{"type":20,"tag":146,"props":3096,"children":3097},{"class":153},[3098],{"type":26,"value":167},{"type":20,"tag":146,"props":3100,"children":3101},{"class":181},[3102],{"type":26,"value":218},{"type":20,"tag":146,"props":3104,"children":3105},{"class":153},[3106],{"type":26,"value":223},{"type":20,"tag":146,"props":3108,"children":3109},{"class":148,"line":226},[3110,3114,3118,3122,3126,3130],{"type":20,"tag":146,"props":3111,"children":3112},{"class":196},[3113],{"type":26,"value":199},{"type":20,"tag":146,"props":3115,"children":3116},{"class":153},[3117],{"type":26,"value":236},{"type":20,"tag":146,"props":3119,"children":3120},{"class":196},[3121],{"type":26,"value":209},{"type":20,"tag":146,"props":3123,"children":3124},{"class":153},[3125],{"type":26,"value":167},{"type":20,"tag":146,"props":3127,"children":3128},{"class":181},[3129],{"type":26,"value":249},{"type":20,"tag":146,"props":3131,"children":3132},{"class":153},[3133],{"type":26,"value":223},{"type":20,"tag":146,"props":3135,"children":3136},{"class":148,"line":256},[3137],{"type":20,"tag":146,"props":3138,"children":3139},{},[3140],{"type":26,"value":262},{"type":20,"tag":146,"props":3142,"children":3143},{"class":148,"line":265},[3144,3148,3152,3156,3160,3164],{"type":20,"tag":146,"props":3145,"children":3146},{"class":196},[3147],{"type":26,"value":271},{"type":20,"tag":146,"props":3149,"children":3150},{"class":153},[3151],{"type":26,"value":167},{"type":20,"tag":146,"props":3153,"children":3154},{"class":196},[3155],{"type":26,"value":280},{"type":20,"tag":146,"props":3157,"children":3158},{"class":153},[3159],{"type":26,"value":167},{"type":20,"tag":146,"props":3161,"children":3162},{"class":170},[3163],{"type":26,"value":289},{"type":20,"tag":146,"props":3165,"children":3166},{"class":153},[3167],{"type":26,"value":294},{"type":20,"tag":146,"props":3169,"children":3170},{"class":148,"line":297},[3171,3175,3179],{"type":20,"tag":146,"props":3172,"children":3173},{"class":153},[3174],{"type":26,"value":303},{"type":20,"tag":146,"props":3176,"children":3177},{"class":170},[3178],{"type":26,"value":308},{"type":20,"tag":146,"props":3180,"children":3181},{"class":153},[3182],{"type":26,"value":313},{"type":20,"tag":146,"props":3184,"children":3185},{"class":148,"line":316},[3186,3190,3194,3198,3203,3207,3211,3215,3220],{"type":20,"tag":146,"props":3187,"children":3188},{"class":153},[3189],{"type":26,"value":322},{"type":20,"tag":146,"props":3191,"children":3192},{"class":196},[3193],{"type":26,"value":327},{"type":20,"tag":146,"props":3195,"children":3196},{"class":153},[3197],{"type":26,"value":167},{"type":20,"tag":146,"props":3199,"children":3200},{"class":334},[3201],{"type":26,"value":3202},"modalId",{"type":20,"tag":146,"props":3204,"children":3205},{"class":153},[3206],{"type":26,"value":167},{"type":20,"tag":146,"props":3208,"children":3209},{"class":196},[3210],{"type":26,"value":178},{"type":20,"tag":146,"props":3212,"children":3213},{"class":153},[3214],{"type":26,"value":167},{"type":20,"tag":146,"props":3216,"children":3217},{"class":181},[3218],{"type":26,"value":3219},"'modal'",{"type":20,"tag":146,"props":3221,"children":3222},{"class":153},[3223],{"type":26,"value":223},{"type":20,"tag":146,"props":3225,"children":3226},{"class":148,"line":362},[3227,3231,3235,3239,3243,3247,3251,3255,3259],{"type":20,"tag":146,"props":3228,"children":3229},{"class":153},[3230],{"type":26,"value":322},{"type":20,"tag":146,"props":3232,"children":3233},{"class":196},[3234],{"type":26,"value":327},{"type":20,"tag":146,"props":3236,"children":3237},{"class":153},[3238],{"type":26,"value":167},{"type":20,"tag":146,"props":3240,"children":3241},{"class":334},[3242],{"type":26,"value":337},{"type":20,"tag":146,"props":3244,"children":3245},{"class":153},[3246],{"type":26,"value":167},{"type":20,"tag":146,"props":3248,"children":3249},{"class":196},[3250],{"type":26,"value":178},{"type":20,"tag":146,"props":3252,"children":3253},{"class":153},[3254],{"type":26,"value":167},{"type":20,"tag":146,"props":3256,"children":3257},{"class":170},[3258],{"type":26,"value":354},{"type":20,"tag":146,"props":3260,"children":3261},{"class":153},[3262],{"type":26,"value":359},{"type":20,"tag":146,"props":3264,"children":3265},{"class":148,"line":370},[3266],{"type":20,"tag":146,"props":3267,"children":3268},{},[3269],{"type":26,"value":262},{"type":20,"tag":146,"props":3271,"children":3272},{"class":148,"line":396},[3273,3277,3281,3285,3289],{"type":20,"tag":146,"props":3274,"children":3275},{"class":153},[3276],{"type":26,"value":322},{"type":20,"tag":146,"props":3278,"children":3279},{"class":196},[3280],{"type":26,"value":380},{"type":20,"tag":146,"props":3282,"children":3283},{"class":153},[3284],{"type":26,"value":167},{"type":20,"tag":146,"props":3286,"children":3287},{"class":170},[3288],{"type":26,"value":389},{"type":20,"tag":146,"props":3290,"children":3291},{"class":153},[3292],{"type":26,"value":313},{"type":20,"tag":146,"props":3294,"children":3295},{"class":148,"line":414},[3296,3300,3304],{"type":20,"tag":146,"props":3297,"children":3298},{"class":153},[3299],{"type":26,"value":402},{"type":20,"tag":146,"props":3301,"children":3302},{"class":170},[3303],{"type":26,"value":407},{"type":20,"tag":146,"props":3305,"children":3306},{"class":153},[3307],{"type":26,"value":294},{"type":20,"tag":146,"props":3309,"children":3310},{"class":148,"line":433},[3311],{"type":20,"tag":146,"props":3312,"children":3313},{"class":153},[3314],{"type":26,"value":3315},"                id: modalId,\n",{"type":20,"tag":146,"props":3317,"children":3318},{"class":148,"line":451},[3319,3323,3328],{"type":20,"tag":146,"props":3320,"children":3321},{"class":153},[3322],{"type":26,"value":420},{"type":20,"tag":146,"props":3324,"children":3325},{"class":181},[3326],{"type":26,"value":3327},"'Controlled Modal'",{"type":20,"tag":146,"props":3329,"children":3330},{"class":153},[3331],{"type":26,"value":430},{"type":20,"tag":146,"props":3333,"children":3334},{"class":148,"line":465},[3335,3339],{"type":20,"tag":146,"props":3336,"children":3337},{"class":153},[3338],{"type":26,"value":439},{"type":20,"tag":146,"props":3340,"children":3341},{"class":181},[3342],{"type":26,"value":3343},"'This modal will be visible for 3 seconds'\n",{"type":20,"tag":146,"props":3345,"children":3346},{"class":148,"line":474},[3347],{"type":20,"tag":146,"props":3348,"children":3349},{"class":153},[3350],{"type":26,"value":471},{"type":20,"tag":146,"props":3352,"children":3353},{"class":148,"line":483},[3354],{"type":20,"tag":146,"props":3355,"children":3356},{},[3357],{"type":26,"value":262},{"type":20,"tag":146,"props":3359,"children":3360},{"class":148,"line":491},[3361,3366,3371],{"type":20,"tag":146,"props":3362,"children":3363},{"class":153},[3364],{"type":26,"value":3365},"            ",{"type":20,"tag":146,"props":3367,"children":3368},{"class":170},[3369],{"type":26,"value":3370},"hideModal",{"type":20,"tag":146,"props":3372,"children":3373},{"class":153},[3374],{"type":26,"value":359},{"type":20,"tag":146,"props":3376,"children":3377},{"class":148,"line":509},[3378],{"type":20,"tag":146,"props":3379,"children":3380},{"class":153},[3381],{"type":26,"value":480},{"type":20,"tag":146,"props":3383,"children":3384},{"class":148,"line":518},[3385],{"type":20,"tag":146,"props":3386,"children":3387},{},[3388],{"type":26,"value":262},{"type":20,"tag":146,"props":3390,"children":3391},{"class":148,"line":527},[3392,3396,3400,3404,3408],{"type":20,"tag":146,"props":3393,"children":3394},{"class":153},[3395],{"type":26,"value":322},{"type":20,"tag":146,"props":3397,"children":3398},{"class":196},[3399],{"type":26,"value":380},{"type":20,"tag":146,"props":3401,"children":3402},{"class":153},[3403],{"type":26,"value":167},{"type":20,"tag":146,"props":3405,"children":3406},{"class":170},[3407],{"type":26,"value":3370},{"type":20,"tag":146,"props":3409,"children":3410},{"class":153},[3411],{"type":26,"value":313},{"type":20,"tag":146,"props":3413,"children":3414},{"class":148,"line":536},[3415,3419,3424,3429,3434],{"type":20,"tag":146,"props":3416,"children":3417},{"class":153},[3418],{"type":26,"value":3365},{"type":20,"tag":146,"props":3420,"children":3421},{"class":170},[3422],{"type":26,"value":3423},"setTimeout",{"type":20,"tag":146,"props":3425,"children":3426},{"class":153},[3427],{"type":26,"value":3428},"(() ",{"type":20,"tag":146,"props":3430,"children":3431},{"class":196},[3432],{"type":26,"value":3433},"=>",{"type":20,"tag":146,"props":3435,"children":3436},{"class":153},[3437],{"type":26,"value":506},{"type":20,"tag":146,"props":3439,"children":3440},{"class":148,"line":545},[3441,3446,3451],{"type":20,"tag":146,"props":3442,"children":3443},{"class":153},[3444],{"type":26,"value":3445},"                modal.",{"type":20,"tag":146,"props":3447,"children":3448},{"class":170},[3449],{"type":26,"value":3450},"hide",{"type":20,"tag":146,"props":3452,"children":3453},{"class":153},[3454],{"type":26,"value":3455},"({ id: modalId });\n",{"type":20,"tag":146,"props":3457,"children":3458},{"class":148,"line":562},[3459,3464,3469],{"type":20,"tag":146,"props":3460,"children":3461},{"class":153},[3462],{"type":26,"value":3463},"            }, ",{"type":20,"tag":146,"props":3465,"children":3466},{"class":334},[3467],{"type":26,"value":3468},"3000",{"type":20,"tag":146,"props":3470,"children":3471},{"class":153},[3472],{"type":26,"value":3473},");\n",{"type":20,"tag":146,"props":3475,"children":3476},{"class":148,"line":578},[3477],{"type":20,"tag":146,"props":3478,"children":3479},{"class":153},[3480],{"type":26,"value":480},{"type":20,"tag":146,"props":3482,"children":3483},{"class":148,"line":624},[3484],{"type":20,"tag":146,"props":3485,"children":3486},{},[3487],{"type":26,"value":262},{"type":20,"tag":146,"props":3489,"children":3490},{"class":148,"line":1096},[3491,3495,3499],{"type":20,"tag":146,"props":3492,"children":3493},{"class":153},[3494],{"type":26,"value":322},{"type":20,"tag":146,"props":3496,"children":3497},{"class":196},[3498],{"type":26,"value":501},{"type":20,"tag":146,"props":3500,"children":3501},{"class":153},[3502],{"type":26,"value":506},{"type":20,"tag":146,"props":3504,"children":3505},{"class":148,"line":1104},[3506],{"type":20,"tag":146,"props":3507,"children":3508},{"class":153},[3509],{"type":26,"value":3510},"            showModal,\n",{"type":20,"tag":146,"props":3512,"children":3513},{"class":148,"line":1129},[3514],{"type":20,"tag":146,"props":3515,"children":3516},{"class":153},[3517],{"type":26,"value":3518},"            hideModal\n",{"type":20,"tag":146,"props":3520,"children":3521},{"class":148,"line":1145},[3522],{"type":20,"tag":146,"props":3523,"children":3524},{"class":153},[3525],{"type":26,"value":524},{"type":20,"tag":146,"props":3527,"children":3528},{"class":148,"line":1162},[3529],{"type":20,"tag":146,"props":3530,"children":3531},{"class":153},[3532],{"type":26,"value":533},{"type":20,"tag":146,"props":3534,"children":3535},{"class":148,"line":1179},[3536],{"type":20,"tag":146,"props":3537,"children":3538},{"class":153},[3539],{"type":26,"value":542},{"type":20,"tag":146,"props":3541,"children":3542},{"class":148,"line":1195},[3543,3547,3551],{"type":20,"tag":146,"props":3544,"children":3545},{"class":153},[3546],{"type":26,"value":551},{"type":20,"tag":146,"props":3548,"children":3549},{"class":159},[3550],{"type":26,"value":162},{"type":20,"tag":146,"props":3552,"children":3553},{"class":153},[3554],{"type":26,"value":189},{"type":20,"tag":146,"props":3556,"children":3557},{"class":148,"line":1208},[3558,3562,3566],{"type":20,"tag":146,"props":3559,"children":3560},{"class":153},[3561],{"type":26,"value":156},{"type":20,"tag":146,"props":3563,"children":3564},{"class":159},[3565],{"type":26,"value":119},{"type":20,"tag":146,"props":3567,"children":3568},{"class":153},[3569],{"type":26,"value":189},{"type":20,"tag":146,"props":3571,"children":3572},{"class":148,"line":1216},[3573,3577,3581,3585,3589,3593,3597,3601,3605],{"type":20,"tag":146,"props":3574,"children":3575},{"class":153},[3576],{"type":26,"value":584},{"type":20,"tag":146,"props":3578,"children":3579},{"class":587},[3580],{"type":26,"value":590},{"type":20,"tag":146,"props":3582,"children":3583},{"class":153},[3584],{"type":26,"value":167},{"type":20,"tag":146,"props":3586,"children":3587},{"class":170},[3588],{"type":26,"value":599},{"type":20,"tag":146,"props":3590,"children":3591},{"class":153},[3592],{"type":26,"value":178},{"type":20,"tag":146,"props":3594,"children":3595},{"class":181},[3596],{"type":26,"value":608},{"type":20,"tag":146,"props":3598,"children":3599},{"class":153},[3600],{"type":26,"value":613},{"type":20,"tag":146,"props":3602,"children":3603},{"class":587},[3604],{"type":26,"value":590},{"type":20,"tag":146,"props":3606,"children":3607},{"class":153},[3608],{"type":26,"value":189},{"type":20,"tag":146,"props":3610,"children":3611},{"class":148,"line":1224},[3612,3616,3620],{"type":20,"tag":146,"props":3613,"children":3614},{"class":153},[3615],{"type":26,"value":551},{"type":20,"tag":146,"props":3617,"children":3618},{"class":159},[3619],{"type":26,"value":119},{"type":20,"tag":146,"props":3621,"children":3622},{"class":153},[3623],{"type":26,"value":638},{"type":20,"tag":3002,"props":3625,"children":3627},{"id":3626},"hide-all",[3628],{"type":26,"value":3629},"Hide All",{"type":20,"tag":36,"props":3631,"children":3632},{},[3633,3635,3639],{"type":26,"value":3634},"In cases where you want to dismiss all displayed modals at once, the ",{"type":20,"tag":42,"props":3636,"children":3637},{},[3638],{"type":26,"value":111},{"type":26,"value":3640}," method comes in handy. This method clears all modals from the screen, providing a clean slate for subsequent dialogs.",{"type":20,"tag":36,"props":3642,"children":3643},{},[3644],{"type":26,"value":3645},"This is particularly useful in situations where you need to reset the dialog stack or prepare the interface for a new user action.",{"type":20,"tag":62,"props":3647,"children":3649},{"id":3648},"rendering",[3650],{"type":26,"value":3651},"Rendering",{"type":20,"tag":36,"props":3653,"children":3654},{},[3655],{"type":26,"value":3656},"Inkline's modal dialogs allow you to fully customize the content displayed, including icons, titles, and messages. By utilizing hoisting, you can render your own custom elements, giving you complete control over the look and feel of your modals.",{"type":20,"tag":36,"props":3658,"children":3659},{},[3660],{"type":26,"value":3661},"This level of customization ensures that your dialogs align seamlessly with your application's design and branding, enhancing the overall user experience.",{"type":20,"tag":115,"props":3663,"children":3664},{},[3665,3672],{"type":20,"tag":119,"props":3666,"children":3667},{"v-slot:preview":7},[3668],{"type":20,"tag":123,"props":3669,"children":3671},{"src":3670},"/components/IModalContainer/examples/vnode",[],{"type":20,"tag":119,"props":3673,"children":3674},{"v-slot:vue":7},[3675],{"type":20,"tag":131,"props":3676,"children":3679},{"className":3677,"code":3678,"language":136,"meta":7},[134],"\u003Cscript lang=\"ts\">\nimport { useModal, useToast, IButton } from '@inkline/inkline';\nimport { defineComponent, h } from 'vue';\n\nexport default defineComponent({\n    setup() {\n        const toast = useToast();\n        const modal = useModal();\n        const modalId = 'custom-modal-id';\n\n        function showModal() {\n            modal.show({\n                id: modalId,\n                header: h('strong', 'Modal heading'),\n                body: h('div', [\n                    h('p', 'This message is a VNode'),\n                    h('ul', [\n                        h('li', 'List item 1'),\n                        h('li', 'List item 2'),\n                        h('li', 'List item 3')\n                    ])\n                ]),\n                footer: h('div', { class: '_display:flex _justify-content:flex-end' }, [\n                    h(IButton, { onClick: cancelModal, class: '_margin-right:1' }, () => 'Cancel'),\n                    h(IButton, { onClick: confirmModal, color: 'primary' }, () => 'Confirm')\n                ])\n            });\n        }\n\n        function cancelModal() {\n            modal.hide({ id: modalId });\n        }\n\n        function confirmModal() {\n            toast.show({\n                message: 'Confirmed',\n                color: 'success'\n            });\n            modal.hide({ id: modalId });\n        }\n\n        return {\n            showModal\n        };\n    }\n});\n\u003C/script>\n\u003Ctemplate>\n    \u003CIButton @click=\"showModal\">Show modal\u003C/IButton>\n\u003C/template>\n\n",[3680],{"type":20,"tag":139,"props":3681,"children":3682},{},[3683],{"type":20,"tag":131,"props":3684,"children":3685},{"__ignoreMap":7},[3686,3717,3745,3773,3780,3807,3822,3863,3902,3942,3949,3972,3987,3994,4030,4055,4089,4113,4147,4179,4212,4220,4228,4262,4305,4347,4355,4362,4369,4376,4400,4415,4422,4429,4453,4469,4486,4497,4504,4519,4526,4533,4548,4555,4562,4569,4576,4591,4606,4645],{"type":20,"tag":146,"props":3687,"children":3688},{"class":148,"line":149},[3689,3693,3697,3701,3705,3709,3713],{"type":20,"tag":146,"props":3690,"children":3691},{"class":153},[3692],{"type":26,"value":156},{"type":20,"tag":146,"props":3694,"children":3695},{"class":159},[3696],{"type":26,"value":162},{"type":20,"tag":146,"props":3698,"children":3699},{"class":153},[3700],{"type":26,"value":167},{"type":20,"tag":146,"props":3702,"children":3703},{"class":170},[3704],{"type":26,"value":173},{"type":20,"tag":146,"props":3706,"children":3707},{"class":153},[3708],{"type":26,"value":178},{"type":20,"tag":146,"props":3710,"children":3711},{"class":181},[3712],{"type":26,"value":184},{"type":20,"tag":146,"props":3714,"children":3715},{"class":153},[3716],{"type":26,"value":189},{"type":20,"tag":146,"props":3718,"children":3719},{"class":148,"line":192},[3720,3724,3729,3733,3737,3741],{"type":20,"tag":146,"props":3721,"children":3722},{"class":196},[3723],{"type":26,"value":199},{"type":20,"tag":146,"props":3725,"children":3726},{"class":153},[3727],{"type":26,"value":3728}," { useModal, useToast, IButton } ",{"type":20,"tag":146,"props":3730,"children":3731},{"class":196},[3732],{"type":26,"value":209},{"type":20,"tag":146,"props":3734,"children":3735},{"class":153},[3736],{"type":26,"value":167},{"type":20,"tag":146,"props":3738,"children":3739},{"class":181},[3740],{"type":26,"value":218},{"type":20,"tag":146,"props":3742,"children":3743},{"class":153},[3744],{"type":26,"value":223},{"type":20,"tag":146,"props":3746,"children":3747},{"class":148,"line":226},[3748,3752,3757,3761,3765,3769],{"type":20,"tag":146,"props":3749,"children":3750},{"class":196},[3751],{"type":26,"value":199},{"type":20,"tag":146,"props":3753,"children":3754},{"class":153},[3755],{"type":26,"value":3756}," { defineComponent, h } ",{"type":20,"tag":146,"props":3758,"children":3759},{"class":196},[3760],{"type":26,"value":209},{"type":20,"tag":146,"props":3762,"children":3763},{"class":153},[3764],{"type":26,"value":167},{"type":20,"tag":146,"props":3766,"children":3767},{"class":181},[3768],{"type":26,"value":249},{"type":20,"tag":146,"props":3770,"children":3771},{"class":153},[3772],{"type":26,"value":223},{"type":20,"tag":146,"props":3774,"children":3775},{"class":148,"line":256},[3776],{"type":20,"tag":146,"props":3777,"children":3778},{},[3779],{"type":26,"value":262},{"type":20,"tag":146,"props":3781,"children":3782},{"class":148,"line":265},[3783,3787,3791,3795,3799,3803],{"type":20,"tag":146,"props":3784,"children":3785},{"class":196},[3786],{"type":26,"value":271},{"type":20,"tag":146,"props":3788,"children":3789},{"class":153},[3790],{"type":26,"value":167},{"type":20,"tag":146,"props":3792,"children":3793},{"class":196},[3794],{"type":26,"value":280},{"type":20,"tag":146,"props":3796,"children":3797},{"class":153},[3798],{"type":26,"value":167},{"type":20,"tag":146,"props":3800,"children":3801},{"class":170},[3802],{"type":26,"value":289},{"type":20,"tag":146,"props":3804,"children":3805},{"class":153},[3806],{"type":26,"value":294},{"type":20,"tag":146,"props":3808,"children":3809},{"class":148,"line":297},[3810,3814,3818],{"type":20,"tag":146,"props":3811,"children":3812},{"class":153},[3813],{"type":26,"value":303},{"type":20,"tag":146,"props":3815,"children":3816},{"class":170},[3817],{"type":26,"value":308},{"type":20,"tag":146,"props":3819,"children":3820},{"class":153},[3821],{"type":26,"value":313},{"type":20,"tag":146,"props":3823,"children":3824},{"class":148,"line":316},[3825,3829,3833,3837,3842,3846,3850,3854,3859],{"type":20,"tag":146,"props":3826,"children":3827},{"class":153},[3828],{"type":26,"value":322},{"type":20,"tag":146,"props":3830,"children":3831},{"class":196},[3832],{"type":26,"value":327},{"type":20,"tag":146,"props":3834,"children":3835},{"class":153},[3836],{"type":26,"value":167},{"type":20,"tag":146,"props":3838,"children":3839},{"class":334},[3840],{"type":26,"value":3841},"toast",{"type":20,"tag":146,"props":3843,"children":3844},{"class":153},[3845],{"type":26,"value":167},{"type":20,"tag":146,"props":3847,"children":3848},{"class":196},[3849],{"type":26,"value":178},{"type":20,"tag":146,"props":3851,"children":3852},{"class":153},[3853],{"type":26,"value":167},{"type":20,"tag":146,"props":3855,"children":3856},{"class":170},[3857],{"type":26,"value":3858},"useToast",{"type":20,"tag":146,"props":3860,"children":3861},{"class":153},[3862],{"type":26,"value":359},{"type":20,"tag":146,"props":3864,"children":3865},{"class":148,"line":362},[3866,3870,3874,3878,3882,3886,3890,3894,3898],{"type":20,"tag":146,"props":3867,"children":3868},{"class":153},[3869],{"type":26,"value":322},{"type":20,"tag":146,"props":3871,"children":3872},{"class":196},[3873],{"type":26,"value":327},{"type":20,"tag":146,"props":3875,"children":3876},{"class":153},[3877],{"type":26,"value":167},{"type":20,"tag":146,"props":3879,"children":3880},{"class":334},[3881],{"type":26,"value":337},{"type":20,"tag":146,"props":3883,"children":3884},{"class":153},[3885],{"type":26,"value":167},{"type":20,"tag":146,"props":3887,"children":3888},{"class":196},[3889],{"type":26,"value":178},{"type":20,"tag":146,"props":3891,"children":3892},{"class":153},[3893],{"type":26,"value":167},{"type":20,"tag":146,"props":3895,"children":3896},{"class":170},[3897],{"type":26,"value":354},{"type":20,"tag":146,"props":3899,"children":3900},{"class":153},[3901],{"type":26,"value":359},{"type":20,"tag":146,"props":3903,"children":3904},{"class":148,"line":370},[3905,3909,3913,3917,3921,3925,3929,3933,3938],{"type":20,"tag":146,"props":3906,"children":3907},{"class":153},[3908],{"type":26,"value":322},{"type":20,"tag":146,"props":3910,"children":3911},{"class":196},[3912],{"type":26,"value":327},{"type":20,"tag":146,"props":3914,"children":3915},{"class":153},[3916],{"type":26,"value":167},{"type":20,"tag":146,"props":3918,"children":3919},{"class":334},[3920],{"type":26,"value":3202},{"type":20,"tag":146,"props":3922,"children":3923},{"class":153},[3924],{"type":26,"value":167},{"type":20,"tag":146,"props":3926,"children":3927},{"class":196},[3928],{"type":26,"value":178},{"type":20,"tag":146,"props":3930,"children":3931},{"class":153},[3932],{"type":26,"value":167},{"type":20,"tag":146,"props":3934,"children":3935},{"class":181},[3936],{"type":26,"value":3937},"'custom-modal-id'",{"type":20,"tag":146,"props":3939,"children":3940},{"class":153},[3941],{"type":26,"value":223},{"type":20,"tag":146,"props":3943,"children":3944},{"class":148,"line":396},[3945],{"type":20,"tag":146,"props":3946,"children":3947},{},[3948],{"type":26,"value":262},{"type":20,"tag":146,"props":3950,"children":3951},{"class":148,"line":414},[3952,3956,3960,3964,3968],{"type":20,"tag":146,"props":3953,"children":3954},{"class":153},[3955],{"type":26,"value":322},{"type":20,"tag":146,"props":3957,"children":3958},{"class":196},[3959],{"type":26,"value":380},{"type":20,"tag":146,"props":3961,"children":3962},{"class":153},[3963],{"type":26,"value":167},{"type":20,"tag":146,"props":3965,"children":3966},{"class":170},[3967],{"type":26,"value":389},{"type":20,"tag":146,"props":3969,"children":3970},{"class":153},[3971],{"type":26,"value":313},{"type":20,"tag":146,"props":3973,"children":3974},{"class":148,"line":433},[3975,3979,3983],{"type":20,"tag":146,"props":3976,"children":3977},{"class":153},[3978],{"type":26,"value":402},{"type":20,"tag":146,"props":3980,"children":3981},{"class":170},[3982],{"type":26,"value":407},{"type":20,"tag":146,"props":3984,"children":3985},{"class":153},[3986],{"type":26,"value":294},{"type":20,"tag":146,"props":3988,"children":3989},{"class":148,"line":451},[3990],{"type":20,"tag":146,"props":3991,"children":3992},{"class":153},[3993],{"type":26,"value":3315},{"type":20,"tag":146,"props":3995,"children":3996},{"class":148,"line":465},[3997,4001,4006,4011,4016,4020,4025],{"type":20,"tag":146,"props":3998,"children":3999},{"class":153},[4000],{"type":26,"value":420},{"type":20,"tag":146,"props":4002,"children":4003},{"class":170},[4004],{"type":26,"value":4005},"h",{"type":20,"tag":146,"props":4007,"children":4008},{"class":153},[4009],{"type":26,"value":4010},"(",{"type":20,"tag":146,"props":4012,"children":4013},{"class":181},[4014],{"type":26,"value":4015},"'strong'",{"type":20,"tag":146,"props":4017,"children":4018},{"class":153},[4019],{"type":26,"value":2134},{"type":20,"tag":146,"props":4021,"children":4022},{"class":181},[4023],{"type":26,"value":4024},"'Modal heading'",{"type":20,"tag":146,"props":4026,"children":4027},{"class":153},[4028],{"type":26,"value":4029},"),\n",{"type":20,"tag":146,"props":4031,"children":4032},{"class":148,"line":474},[4033,4037,4041,4045,4050],{"type":20,"tag":146,"props":4034,"children":4035},{"class":153},[4036],{"type":26,"value":439},{"type":20,"tag":146,"props":4038,"children":4039},{"class":170},[4040],{"type":26,"value":4005},{"type":20,"tag":146,"props":4042,"children":4043},{"class":153},[4044],{"type":26,"value":4010},{"type":20,"tag":146,"props":4046,"children":4047},{"class":181},[4048],{"type":26,"value":4049},"'div'",{"type":20,"tag":146,"props":4051,"children":4052},{"class":153},[4053],{"type":26,"value":4054},", [\n",{"type":20,"tag":146,"props":4056,"children":4057},{"class":148,"line":483},[4058,4063,4067,4071,4076,4080,4085],{"type":20,"tag":146,"props":4059,"children":4060},{"class":153},[4061],{"type":26,"value":4062},"                    ",{"type":20,"tag":146,"props":4064,"children":4065},{"class":170},[4066],{"type":26,"value":4005},{"type":20,"tag":146,"props":4068,"children":4069},{"class":153},[4070],{"type":26,"value":4010},{"type":20,"tag":146,"props":4072,"children":4073},{"class":181},[4074],{"type":26,"value":4075},"'p'",{"type":20,"tag":146,"props":4077,"children":4078},{"class":153},[4079],{"type":26,"value":2134},{"type":20,"tag":146,"props":4081,"children":4082},{"class":181},[4083],{"type":26,"value":4084},"'This message is a VNode'",{"type":20,"tag":146,"props":4086,"children":4087},{"class":153},[4088],{"type":26,"value":4029},{"type":20,"tag":146,"props":4090,"children":4091},{"class":148,"line":491},[4092,4096,4100,4104,4109],{"type":20,"tag":146,"props":4093,"children":4094},{"class":153},[4095],{"type":26,"value":4062},{"type":20,"tag":146,"props":4097,"children":4098},{"class":170},[4099],{"type":26,"value":4005},{"type":20,"tag":146,"props":4101,"children":4102},{"class":153},[4103],{"type":26,"value":4010},{"type":20,"tag":146,"props":4105,"children":4106},{"class":181},[4107],{"type":26,"value":4108},"'ul'",{"type":20,"tag":146,"props":4110,"children":4111},{"class":153},[4112],{"type":26,"value":4054},{"type":20,"tag":146,"props":4114,"children":4115},{"class":148,"line":509},[4116,4121,4125,4129,4134,4138,4143],{"type":20,"tag":146,"props":4117,"children":4118},{"class":153},[4119],{"type":26,"value":4120},"                        ",{"type":20,"tag":146,"props":4122,"children":4123},{"class":170},[4124],{"type":26,"value":4005},{"type":20,"tag":146,"props":4126,"children":4127},{"class":153},[4128],{"type":26,"value":4010},{"type":20,"tag":146,"props":4130,"children":4131},{"class":181},[4132],{"type":26,"value":4133},"'li'",{"type":20,"tag":146,"props":4135,"children":4136},{"class":153},[4137],{"type":26,"value":2134},{"type":20,"tag":146,"props":4139,"children":4140},{"class":181},[4141],{"type":26,"value":4142},"'List item 1'",{"type":20,"tag":146,"props":4144,"children":4145},{"class":153},[4146],{"type":26,"value":4029},{"type":20,"tag":146,"props":4148,"children":4149},{"class":148,"line":518},[4150,4154,4158,4162,4166,4170,4175],{"type":20,"tag":146,"props":4151,"children":4152},{"class":153},[4153],{"type":26,"value":4120},{"type":20,"tag":146,"props":4155,"children":4156},{"class":170},[4157],{"type":26,"value":4005},{"type":20,"tag":146,"props":4159,"children":4160},{"class":153},[4161],{"type":26,"value":4010},{"type":20,"tag":146,"props":4163,"children":4164},{"class":181},[4165],{"type":26,"value":4133},{"type":20,"tag":146,"props":4167,"children":4168},{"class":153},[4169],{"type":26,"value":2134},{"type":20,"tag":146,"props":4171,"children":4172},{"class":181},[4173],{"type":26,"value":4174},"'List item 2'",{"type":20,"tag":146,"props":4176,"children":4177},{"class":153},[4178],{"type":26,"value":4029},{"type":20,"tag":146,"props":4180,"children":4181},{"class":148,"line":527},[4182,4186,4190,4194,4198,4202,4207],{"type":20,"tag":146,"props":4183,"children":4184},{"class":153},[4185],{"type":26,"value":4120},{"type":20,"tag":146,"props":4187,"children":4188},{"class":170},[4189],{"type":26,"value":4005},{"type":20,"tag":146,"props":4191,"children":4192},{"class":153},[4193],{"type":26,"value":4010},{"type":20,"tag":146,"props":4195,"children":4196},{"class":181},[4197],{"type":26,"value":4133},{"type":20,"tag":146,"props":4199,"children":4200},{"class":153},[4201],{"type":26,"value":2134},{"type":20,"tag":146,"props":4203,"children":4204},{"class":181},[4205],{"type":26,"value":4206},"'List item 3'",{"type":20,"tag":146,"props":4208,"children":4209},{"class":153},[4210],{"type":26,"value":4211},")\n",{"type":20,"tag":146,"props":4213,"children":4214},{"class":148,"line":536},[4215],{"type":20,"tag":146,"props":4216,"children":4217},{"class":153},[4218],{"type":26,"value":4219},"                    ])\n",{"type":20,"tag":146,"props":4221,"children":4222},{"class":148,"line":545},[4223],{"type":20,"tag":146,"props":4224,"children":4225},{"class":153},[4226],{"type":26,"value":4227},"                ]),\n",{"type":20,"tag":146,"props":4229,"children":4230},{"class":148,"line":562},[4231,4235,4239,4243,4247,4252,4257],{"type":20,"tag":146,"props":4232,"children":4233},{"class":153},[4234],{"type":26,"value":457},{"type":20,"tag":146,"props":4236,"children":4237},{"class":170},[4238],{"type":26,"value":4005},{"type":20,"tag":146,"props":4240,"children":4241},{"class":153},[4242],{"type":26,"value":4010},{"type":20,"tag":146,"props":4244,"children":4245},{"class":181},[4246],{"type":26,"value":4049},{"type":20,"tag":146,"props":4248,"children":4249},{"class":153},[4250],{"type":26,"value":4251},", { class: ",{"type":20,"tag":146,"props":4253,"children":4254},{"class":181},[4255],{"type":26,"value":4256},"'_display:flex _justify-content:flex-end'",{"type":20,"tag":146,"props":4258,"children":4259},{"class":153},[4260],{"type":26,"value":4261}," }, [\n",{"type":20,"tag":146,"props":4263,"children":4264},{"class":148,"line":578},[4265,4269,4273,4278,4283,4288,4292,4296,4301],{"type":20,"tag":146,"props":4266,"children":4267},{"class":153},[4268],{"type":26,"value":4062},{"type":20,"tag":146,"props":4270,"children":4271},{"class":170},[4272],{"type":26,"value":4005},{"type":20,"tag":146,"props":4274,"children":4275},{"class":153},[4276],{"type":26,"value":4277},"(IButton, { onClick: cancelModal, class: ",{"type":20,"tag":146,"props":4279,"children":4280},{"class":181},[4281],{"type":26,"value":4282},"'_margin-right:1'",{"type":20,"tag":146,"props":4284,"children":4285},{"class":153},[4286],{"type":26,"value":4287}," }, () ",{"type":20,"tag":146,"props":4289,"children":4290},{"class":196},[4291],{"type":26,"value":3433},{"type":20,"tag":146,"props":4293,"children":4294},{"class":153},[4295],{"type":26,"value":167},{"type":20,"tag":146,"props":4297,"children":4298},{"class":181},[4299],{"type":26,"value":4300},"'Cancel'",{"type":20,"tag":146,"props":4302,"children":4303},{"class":153},[4304],{"type":26,"value":4029},{"type":20,"tag":146,"props":4306,"children":4307},{"class":148,"line":624},[4308,4312,4316,4321,4326,4330,4334,4338,4343],{"type":20,"tag":146,"props":4309,"children":4310},{"class":153},[4311],{"type":26,"value":4062},{"type":20,"tag":146,"props":4313,"children":4314},{"class":170},[4315],{"type":26,"value":4005},{"type":20,"tag":146,"props":4317,"children":4318},{"class":153},[4319],{"type":26,"value":4320},"(IButton, { onClick: confirmModal, color: ",{"type":20,"tag":146,"props":4322,"children":4323},{"class":181},[4324],{"type":26,"value":4325},"'primary'",{"type":20,"tag":146,"props":4327,"children":4328},{"class":153},[4329],{"type":26,"value":4287},{"type":20,"tag":146,"props":4331,"children":4332},{"class":196},[4333],{"type":26,"value":3433},{"type":20,"tag":146,"props":4335,"children":4336},{"class":153},[4337],{"type":26,"value":167},{"type":20,"tag":146,"props":4339,"children":4340},{"class":181},[4341],{"type":26,"value":4342},"'Confirm'",{"type":20,"tag":146,"props":4344,"children":4345},{"class":153},[4346],{"type":26,"value":4211},{"type":20,"tag":146,"props":4348,"children":4349},{"class":148,"line":1096},[4350],{"type":20,"tag":146,"props":4351,"children":4352},{"class":153},[4353],{"type":26,"value":4354},"                ])\n",{"type":20,"tag":146,"props":4356,"children":4357},{"class":148,"line":1104},[4358],{"type":20,"tag":146,"props":4359,"children":4360},{"class":153},[4361],{"type":26,"value":471},{"type":20,"tag":146,"props":4363,"children":4364},{"class":148,"line":1129},[4365],{"type":20,"tag":146,"props":4366,"children":4367},{"class":153},[4368],{"type":26,"value":480},{"type":20,"tag":146,"props":4370,"children":4371},{"class":148,"line":1145},[4372],{"type":20,"tag":146,"props":4373,"children":4374},{},[4375],{"type":26,"value":262},{"type":20,"tag":146,"props":4377,"children":4378},{"class":148,"line":1162},[4379,4383,4387,4391,4396],{"type":20,"tag":146,"props":4380,"children":4381},{"class":153},[4382],{"type":26,"value":322},{"type":20,"tag":146,"props":4384,"children":4385},{"class":196},[4386],{"type":26,"value":380},{"type":20,"tag":146,"props":4388,"children":4389},{"class":153},[4390],{"type":26,"value":167},{"type":20,"tag":146,"props":4392,"children":4393},{"class":170},[4394],{"type":26,"value":4395},"cancelModal",{"type":20,"tag":146,"props":4397,"children":4398},{"class":153},[4399],{"type":26,"value":313},{"type":20,"tag":146,"props":4401,"children":4402},{"class":148,"line":1179},[4403,4407,4411],{"type":20,"tag":146,"props":4404,"children":4405},{"class":153},[4406],{"type":26,"value":402},{"type":20,"tag":146,"props":4408,"children":4409},{"class":170},[4410],{"type":26,"value":3450},{"type":20,"tag":146,"props":4412,"children":4413},{"class":153},[4414],{"type":26,"value":3455},{"type":20,"tag":146,"props":4416,"children":4417},{"class":148,"line":1195},[4418],{"type":20,"tag":146,"props":4419,"children":4420},{"class":153},[4421],{"type":26,"value":480},{"type":20,"tag":146,"props":4423,"children":4424},{"class":148,"line":1208},[4425],{"type":20,"tag":146,"props":4426,"children":4427},{},[4428],{"type":26,"value":262},{"type":20,"tag":146,"props":4430,"children":4431},{"class":148,"line":1216},[4432,4436,4440,4444,4449],{"type":20,"tag":146,"props":4433,"children":4434},{"class":153},[4435],{"type":26,"value":322},{"type":20,"tag":146,"props":4437,"children":4438},{"class":196},[4439],{"type":26,"value":380},{"type":20,"tag":146,"props":4441,"children":4442},{"class":153},[4443],{"type":26,"value":167},{"type":20,"tag":146,"props":4445,"children":4446},{"class":170},[4447],{"type":26,"value":4448},"confirmModal",{"type":20,"tag":146,"props":4450,"children":4451},{"class":153},[4452],{"type":26,"value":313},{"type":20,"tag":146,"props":4454,"children":4455},{"class":148,"line":1224},[4456,4461,4465],{"type":20,"tag":146,"props":4457,"children":4458},{"class":153},[4459],{"type":26,"value":4460},"            toast.",{"type":20,"tag":146,"props":4462,"children":4463},{"class":170},[4464],{"type":26,"value":407},{"type":20,"tag":146,"props":4466,"children":4467},{"class":153},[4468],{"type":26,"value":294},{"type":20,"tag":146,"props":4470,"children":4471},{"class":148,"line":1232},[4472,4477,4482],{"type":20,"tag":146,"props":4473,"children":4474},{"class":153},[4475],{"type":26,"value":4476},"                message: ",{"type":20,"tag":146,"props":4478,"children":4479},{"class":181},[4480],{"type":26,"value":4481},"'Confirmed'",{"type":20,"tag":146,"props":4483,"children":4484},{"class":153},[4485],{"type":26,"value":430},{"type":20,"tag":146,"props":4487,"children":4488},{"class":148,"line":1257},[4489,4493],{"type":20,"tag":146,"props":4490,"children":4491},{"class":153},[4492],{"type":26,"value":955},{"type":20,"tag":146,"props":4494,"children":4495},{"class":181},[4496],{"type":26,"value":1333},{"type":20,"tag":146,"props":4498,"children":4499},{"class":148,"line":1273},[4500],{"type":20,"tag":146,"props":4501,"children":4502},{"class":153},[4503],{"type":26,"value":471},{"type":20,"tag":146,"props":4505,"children":4506},{"class":148,"line":1290},[4507,4511,4515],{"type":20,"tag":146,"props":4508,"children":4509},{"class":153},[4510],{"type":26,"value":402},{"type":20,"tag":146,"props":4512,"children":4513},{"class":170},[4514],{"type":26,"value":3450},{"type":20,"tag":146,"props":4516,"children":4517},{"class":153},[4518],{"type":26,"value":3455},{"type":20,"tag":146,"props":4520,"children":4521},{"class":148,"line":1307},[4522],{"type":20,"tag":146,"props":4523,"children":4524},{"class":153},[4525],{"type":26,"value":480},{"type":20,"tag":146,"props":4527,"children":4528},{"class":148,"line":1323},[4529],{"type":20,"tag":146,"props":4530,"children":4531},{},[4532],{"type":26,"value":262},{"type":20,"tag":146,"props":4534,"children":4535},{"class":148,"line":1336},[4536,4540,4544],{"type":20,"tag":146,"props":4537,"children":4538},{"class":153},[4539],{"type":26,"value":322},{"type":20,"tag":146,"props":4541,"children":4542},{"class":196},[4543],{"type":26,"value":501},{"type":20,"tag":146,"props":4545,"children":4546},{"class":153},[4547],{"type":26,"value":506},{"type":20,"tag":146,"props":4549,"children":4550},{"class":148,"line":1344},[4551],{"type":20,"tag":146,"props":4552,"children":4553},{"class":153},[4554],{"type":26,"value":515},{"type":20,"tag":146,"props":4556,"children":4557},{"class":148,"line":1352},[4558],{"type":20,"tag":146,"props":4559,"children":4560},{"class":153},[4561],{"type":26,"value":524},{"type":20,"tag":146,"props":4563,"children":4564},{"class":148,"line":1360},[4565],{"type":20,"tag":146,"props":4566,"children":4567},{"class":153},[4568],{"type":26,"value":533},{"type":20,"tag":146,"props":4570,"children":4571},{"class":148,"line":1385},[4572],{"type":20,"tag":146,"props":4573,"children":4574},{"class":153},[4575],{"type":26,"value":542},{"type":20,"tag":146,"props":4577,"children":4578},{"class":148,"line":1401},[4579,4583,4587],{"type":20,"tag":146,"props":4580,"children":4581},{"class":153},[4582],{"type":26,"value":551},{"type":20,"tag":146,"props":4584,"children":4585},{"class":159},[4586],{"type":26,"value":162},{"type":20,"tag":146,"props":4588,"children":4589},{"class":153},[4590],{"type":26,"value":189},{"type":20,"tag":146,"props":4592,"children":4593},{"class":148,"line":1418},[4594,4598,4602],{"type":20,"tag":146,"props":4595,"children":4596},{"class":153},[4597],{"type":26,"value":156},{"type":20,"tag":146,"props":4599,"children":4600},{"class":159},[4601],{"type":26,"value":119},{"type":20,"tag":146,"props":4603,"children":4604},{"class":153},[4605],{"type":26,"value":189},{"type":20,"tag":146,"props":4607,"children":4608},{"class":148,"line":1435},[4609,4613,4617,4621,4625,4629,4633,4637,4641],{"type":20,"tag":146,"props":4610,"children":4611},{"class":153},[4612],{"type":26,"value":584},{"type":20,"tag":146,"props":4614,"children":4615},{"class":587},[4616],{"type":26,"value":590},{"type":20,"tag":146,"props":4618,"children":4619},{"class":153},[4620],{"type":26,"value":167},{"type":20,"tag":146,"props":4622,"children":4623},{"class":170},[4624],{"type":26,"value":599},{"type":20,"tag":146,"props":4626,"children":4627},{"class":153},[4628],{"type":26,"value":178},{"type":20,"tag":146,"props":4630,"children":4631},{"class":181},[4632],{"type":26,"value":608},{"type":20,"tag":146,"props":4634,"children":4635},{"class":153},[4636],{"type":26,"value":613},{"type":20,"tag":146,"props":4638,"children":4639},{"class":587},[4640],{"type":26,"value":590},{"type":20,"tag":146,"props":4642,"children":4643},{"class":153},[4644],{"type":26,"value":189},{"type":20,"tag":146,"props":4646,"children":4647},{"class":148,"line":1451},[4648,4652,4656],{"type":20,"tag":146,"props":4649,"children":4650},{"class":153},[4651],{"type":26,"value":551},{"type":20,"tag":146,"props":4653,"children":4654},{"class":159},[4655],{"type":26,"value":119},{"type":20,"tag":146,"props":4657,"children":4658},{"class":153},[4659],{"type":26,"value":638},{"type":20,"tag":62,"props":4661,"children":4663},{"id":4662},"built-in-modals",[4664],{"type":26,"value":4665},"Built-in Modals",{"type":20,"tag":36,"props":4667,"children":4668},{},[4669],{"type":26,"value":4670},"Inkline provides several built-in modals that you can use to display common dialogs in your application. These modals are designed to be used with the modal service, allowing you to easily handle them as promises.",{"type":20,"tag":3002,"props":4672,"children":4674},{"id":4673},"alert",[4675],{"type":26,"value":4676},"Alert",{"type":20,"tag":36,"props":4678,"children":4679},{},[4680],{"type":26,"value":4681},"The alert modal is a simple dialog that displays a message and an optional title. It's useful for displaying information to the user without requiring any action.",{"type":20,"tag":115,"props":4683,"children":4684},{},[4685,4692],{"type":20,"tag":119,"props":4686,"children":4687},{"v-slot:preview":7},[4688],{"type":20,"tag":123,"props":4689,"children":4691},{"src":4690},"/components/IModalContainer/examples/alert",[],{"type":20,"tag":119,"props":4693,"children":4694},{"v-slot:vue":7},[4695],{"type":20,"tag":131,"props":4696,"children":4699},{"className":4697,"code":4698,"language":136,"meta":7},[134],"\u003Cscript lang=\"ts\">\nimport { useModal } from '@inkline/inkline';\nimport { defineComponent } from 'vue';\n\nexport default defineComponent({\n    setup() {\n        const { alert } = useModal();\n\n        async function showAlert() {\n            await alert({\n                title: 'Alert Title',\n                message:\n                    'This is a basic alert message. It informs the user of something important.',\n                confirmButtonText: 'OK'\n            });\n\n            console.log('Alert closed');\n        }\n\n        return {\n            showAlert\n        };\n    }\n});\n\u003C/script>\n\u003Ctemplate>\n    \u003CIButton @click=\"showAlert\">Show alert\u003C/IButton>\n\u003C/template>\n\n",[4700],{"type":20,"tag":139,"props":4701,"children":4702},{},[4703],{"type":20,"tag":131,"props":4704,"children":4705},{"__ignoreMap":7},[4706,4737,4764,4791,4798,4825,4840,4881,4888,4921,4945,4962,4970,4986,4999,5006,5013,5039,5046,5053,5068,5076,5083,5090,5097,5112,5127,5168],{"type":20,"tag":146,"props":4707,"children":4708},{"class":148,"line":149},[4709,4713,4717,4721,4725,4729,4733],{"type":20,"tag":146,"props":4710,"children":4711},{"class":153},[4712],{"type":26,"value":156},{"type":20,"tag":146,"props":4714,"children":4715},{"class":159},[4716],{"type":26,"value":162},{"type":20,"tag":146,"props":4718,"children":4719},{"class":153},[4720],{"type":26,"value":167},{"type":20,"tag":146,"props":4722,"children":4723},{"class":170},[4724],{"type":26,"value":173},{"type":20,"tag":146,"props":4726,"children":4727},{"class":153},[4728],{"type":26,"value":178},{"type":20,"tag":146,"props":4730,"children":4731},{"class":181},[4732],{"type":26,"value":184},{"type":20,"tag":146,"props":4734,"children":4735},{"class":153},[4736],{"type":26,"value":189},{"type":20,"tag":146,"props":4738,"children":4739},{"class":148,"line":192},[4740,4744,4748,4752,4756,4760],{"type":20,"tag":146,"props":4741,"children":4742},{"class":196},[4743],{"type":26,"value":199},{"type":20,"tag":146,"props":4745,"children":4746},{"class":153},[4747],{"type":26,"value":204},{"type":20,"tag":146,"props":4749,"children":4750},{"class":196},[4751],{"type":26,"value":209},{"type":20,"tag":146,"props":4753,"children":4754},{"class":153},[4755],{"type":26,"value":167},{"type":20,"tag":146,"props":4757,"children":4758},{"class":181},[4759],{"type":26,"value":218},{"type":20,"tag":146,"props":4761,"children":4762},{"class":153},[4763],{"type":26,"value":223},{"type":20,"tag":146,"props":4765,"children":4766},{"class":148,"line":226},[4767,4771,4775,4779,4783,4787],{"type":20,"tag":146,"props":4768,"children":4769},{"class":196},[4770],{"type":26,"value":199},{"type":20,"tag":146,"props":4772,"children":4773},{"class":153},[4774],{"type":26,"value":236},{"type":20,"tag":146,"props":4776,"children":4777},{"class":196},[4778],{"type":26,"value":209},{"type":20,"tag":146,"props":4780,"children":4781},{"class":153},[4782],{"type":26,"value":167},{"type":20,"tag":146,"props":4784,"children":4785},{"class":181},[4786],{"type":26,"value":249},{"type":20,"tag":146,"props":4788,"children":4789},{"class":153},[4790],{"type":26,"value":223},{"type":20,"tag":146,"props":4792,"children":4793},{"class":148,"line":256},[4794],{"type":20,"tag":146,"props":4795,"children":4796},{},[4797],{"type":26,"value":262},{"type":20,"tag":146,"props":4799,"children":4800},{"class":148,"line":265},[4801,4805,4809,4813,4817,4821],{"type":20,"tag":146,"props":4802,"children":4803},{"class":196},[4804],{"type":26,"value":271},{"type":20,"tag":146,"props":4806,"children":4807},{"class":153},[4808],{"type":26,"value":167},{"type":20,"tag":146,"props":4810,"children":4811},{"class":196},[4812],{"type":26,"value":280},{"type":20,"tag":146,"props":4814,"children":4815},{"class":153},[4816],{"type":26,"value":167},{"type":20,"tag":146,"props":4818,"children":4819},{"class":170},[4820],{"type":26,"value":289},{"type":20,"tag":146,"props":4822,"children":4823},{"class":153},[4824],{"type":26,"value":294},{"type":20,"tag":146,"props":4826,"children":4827},{"class":148,"line":297},[4828,4832,4836],{"type":20,"tag":146,"props":4829,"children":4830},{"class":153},[4831],{"type":26,"value":303},{"type":20,"tag":146,"props":4833,"children":4834},{"class":170},[4835],{"type":26,"value":308},{"type":20,"tag":146,"props":4837,"children":4838},{"class":153},[4839],{"type":26,"value":313},{"type":20,"tag":146,"props":4841,"children":4842},{"class":148,"line":316},[4843,4847,4851,4856,4860,4865,4869,4873,4877],{"type":20,"tag":146,"props":4844,"children":4845},{"class":153},[4846],{"type":26,"value":322},{"type":20,"tag":146,"props":4848,"children":4849},{"class":196},[4850],{"type":26,"value":327},{"type":20,"tag":146,"props":4852,"children":4853},{"class":153},[4854],{"type":26,"value":4855}," { ",{"type":20,"tag":146,"props":4857,"children":4858},{"class":334},[4859],{"type":26,"value":4673},{"type":20,"tag":146,"props":4861,"children":4862},{"class":153},[4863],{"type":26,"value":4864}," } ",{"type":20,"tag":146,"props":4866,"children":4867},{"class":196},[4868],{"type":26,"value":178},{"type":20,"tag":146,"props":4870,"children":4871},{"class":153},[4872],{"type":26,"value":167},{"type":20,"tag":146,"props":4874,"children":4875},{"class":170},[4876],{"type":26,"value":354},{"type":20,"tag":146,"props":4878,"children":4879},{"class":153},[4880],{"type":26,"value":359},{"type":20,"tag":146,"props":4882,"children":4883},{"class":148,"line":362},[4884],{"type":20,"tag":146,"props":4885,"children":4886},{},[4887],{"type":26,"value":262},{"type":20,"tag":146,"props":4889,"children":4890},{"class":148,"line":370},[4891,4895,4900,4904,4908,4912,4917],{"type":20,"tag":146,"props":4892,"children":4893},{"class":153},[4894],{"type":26,"value":322},{"type":20,"tag":146,"props":4896,"children":4897},{"class":196},[4898],{"type":26,"value":4899},"async",{"type":20,"tag":146,"props":4901,"children":4902},{"class":153},[4903],{"type":26,"value":167},{"type":20,"tag":146,"props":4905,"children":4906},{"class":196},[4907],{"type":26,"value":380},{"type":20,"tag":146,"props":4909,"children":4910},{"class":153},[4911],{"type":26,"value":167},{"type":20,"tag":146,"props":4913,"children":4914},{"class":170},[4915],{"type":26,"value":4916},"showAlert",{"type":20,"tag":146,"props":4918,"children":4919},{"class":153},[4920],{"type":26,"value":313},{"type":20,"tag":146,"props":4922,"children":4923},{"class":148,"line":396},[4924,4928,4933,4937,4941],{"type":20,"tag":146,"props":4925,"children":4926},{"class":153},[4927],{"type":26,"value":3365},{"type":20,"tag":146,"props":4929,"children":4930},{"class":196},[4931],{"type":26,"value":4932},"await",{"type":20,"tag":146,"props":4934,"children":4935},{"class":153},[4936],{"type":26,"value":167},{"type":20,"tag":146,"props":4938,"children":4939},{"class":170},[4940],{"type":26,"value":4673},{"type":20,"tag":146,"props":4942,"children":4943},{"class":153},[4944],{"type":26,"value":294},{"type":20,"tag":146,"props":4946,"children":4947},{"class":148,"line":414},[4948,4953,4958],{"type":20,"tag":146,"props":4949,"children":4950},{"class":153},[4951],{"type":26,"value":4952},"                title: ",{"type":20,"tag":146,"props":4954,"children":4955},{"class":181},[4956],{"type":26,"value":4957},"'Alert Title'",{"type":20,"tag":146,"props":4959,"children":4960},{"class":153},[4961],{"type":26,"value":430},{"type":20,"tag":146,"props":4963,"children":4964},{"class":148,"line":433},[4965],{"type":20,"tag":146,"props":4966,"children":4967},{"class":153},[4968],{"type":26,"value":4969},"                message:\n",{"type":20,"tag":146,"props":4971,"children":4972},{"class":148,"line":451},[4973,4977,4982],{"type":20,"tag":146,"props":4974,"children":4975},{"class":153},[4976],{"type":26,"value":4062},{"type":20,"tag":146,"props":4978,"children":4979},{"class":181},[4980],{"type":26,"value":4981},"'This is a basic alert message. It informs the user of something important.'",{"type":20,"tag":146,"props":4983,"children":4984},{"class":153},[4985],{"type":26,"value":430},{"type":20,"tag":146,"props":4987,"children":4988},{"class":148,"line":465},[4989,4994],{"type":20,"tag":146,"props":4990,"children":4991},{"class":153},[4992],{"type":26,"value":4993},"                confirmButtonText: ",{"type":20,"tag":146,"props":4995,"children":4996},{"class":181},[4997],{"type":26,"value":4998},"'OK'\n",{"type":20,"tag":146,"props":5000,"children":5001},{"class":148,"line":474},[5002],{"type":20,"tag":146,"props":5003,"children":5004},{"class":153},[5005],{"type":26,"value":471},{"type":20,"tag":146,"props":5007,"children":5008},{"class":148,"line":483},[5009],{"type":20,"tag":146,"props":5010,"children":5011},{},[5012],{"type":26,"value":262},{"type":20,"tag":146,"props":5014,"children":5015},{"class":148,"line":491},[5016,5021,5026,5030,5035],{"type":20,"tag":146,"props":5017,"children":5018},{"class":153},[5019],{"type":26,"value":5020},"            console.",{"type":20,"tag":146,"props":5022,"children":5023},{"class":170},[5024],{"type":26,"value":5025},"log",{"type":20,"tag":146,"props":5027,"children":5028},{"class":153},[5029],{"type":26,"value":4010},{"type":20,"tag":146,"props":5031,"children":5032},{"class":181},[5033],{"type":26,"value":5034},"'Alert closed'",{"type":20,"tag":146,"props":5036,"children":5037},{"class":153},[5038],{"type":26,"value":3473},{"type":20,"tag":146,"props":5040,"children":5041},{"class":148,"line":509},[5042],{"type":20,"tag":146,"props":5043,"children":5044},{"class":153},[5045],{"type":26,"value":480},{"type":20,"tag":146,"props":5047,"children":5048},{"class":148,"line":518},[5049],{"type":20,"tag":146,"props":5050,"children":5051},{},[5052],{"type":26,"value":262},{"type":20,"tag":146,"props":5054,"children":5055},{"class":148,"line":527},[5056,5060,5064],{"type":20,"tag":146,"props":5057,"children":5058},{"class":153},[5059],{"type":26,"value":322},{"type":20,"tag":146,"props":5061,"children":5062},{"class":196},[5063],{"type":26,"value":501},{"type":20,"tag":146,"props":5065,"children":5066},{"class":153},[5067],{"type":26,"value":506},{"type":20,"tag":146,"props":5069,"children":5070},{"class":148,"line":536},[5071],{"type":20,"tag":146,"props":5072,"children":5073},{"class":153},[5074],{"type":26,"value":5075},"            showAlert\n",{"type":20,"tag":146,"props":5077,"children":5078},{"class":148,"line":545},[5079],{"type":20,"tag":146,"props":5080,"children":5081},{"class":153},[5082],{"type":26,"value":524},{"type":20,"tag":146,"props":5084,"children":5085},{"class":148,"line":562},[5086],{"type":20,"tag":146,"props":5087,"children":5088},{"class":153},[5089],{"type":26,"value":533},{"type":20,"tag":146,"props":5091,"children":5092},{"class":148,"line":578},[5093],{"type":20,"tag":146,"props":5094,"children":5095},{"class":153},[5096],{"type":26,"value":542},{"type":20,"tag":146,"props":5098,"children":5099},{"class":148,"line":624},[5100,5104,5108],{"type":20,"tag":146,"props":5101,"children":5102},{"class":153},[5103],{"type":26,"value":551},{"type":20,"tag":146,"props":5105,"children":5106},{"class":159},[5107],{"type":26,"value":162},{"type":20,"tag":146,"props":5109,"children":5110},{"class":153},[5111],{"type":26,"value":189},{"type":20,"tag":146,"props":5113,"children":5114},{"class":148,"line":1096},[5115,5119,5123],{"type":20,"tag":146,"props":5116,"children":5117},{"class":153},[5118],{"type":26,"value":156},{"type":20,"tag":146,"props":5120,"children":5121},{"class":159},[5122],{"type":26,"value":119},{"type":20,"tag":146,"props":5124,"children":5125},{"class":153},[5126],{"type":26,"value":189},{"type":20,"tag":146,"props":5128,"children":5129},{"class":148,"line":1104},[5130,5134,5138,5142,5146,5150,5155,5160,5164],{"type":20,"tag":146,"props":5131,"children":5132},{"class":153},[5133],{"type":26,"value":584},{"type":20,"tag":146,"props":5135,"children":5136},{"class":587},[5137],{"type":26,"value":590},{"type":20,"tag":146,"props":5139,"children":5140},{"class":153},[5141],{"type":26,"value":167},{"type":20,"tag":146,"props":5143,"children":5144},{"class":170},[5145],{"type":26,"value":599},{"type":20,"tag":146,"props":5147,"children":5148},{"class":153},[5149],{"type":26,"value":178},{"type":20,"tag":146,"props":5151,"children":5152},{"class":181},[5153],{"type":26,"value":5154},"\"showAlert\"",{"type":20,"tag":146,"props":5156,"children":5157},{"class":153},[5158],{"type":26,"value":5159},">Show alert\u003C/",{"type":20,"tag":146,"props":5161,"children":5162},{"class":587},[5163],{"type":26,"value":590},{"type":20,"tag":146,"props":5165,"children":5166},{"class":153},[5167],{"type":26,"value":189},{"type":20,"tag":146,"props":5169,"children":5170},{"class":148,"line":1129},[5171,5175,5179],{"type":20,"tag":146,"props":5172,"children":5173},{"class":153},[5174],{"type":26,"value":551},{"type":20,"tag":146,"props":5176,"children":5177},{"class":159},[5178],{"type":26,"value":119},{"type":20,"tag":146,"props":5180,"children":5181},{"class":153},[5182],{"type":26,"value":638},{"type":20,"tag":3002,"props":5184,"children":5186},{"id":5185},"confirm",[5187],{"type":26,"value":5188},"Confirm",{"type":20,"tag":36,"props":5190,"children":5191},{},[5192],{"type":26,"value":5193},"The confirm modal is a dialog that displays a message and an optional title, along with a confirmation and cancel button. It's useful for asking the user to confirm or cancel an action.",{"type":20,"tag":115,"props":5195,"children":5196},{},[5197,5204],{"type":20,"tag":119,"props":5198,"children":5199},{"v-slot:preview":7},[5200],{"type":20,"tag":123,"props":5201,"children":5203},{"src":5202},"/components/IModalContainer/examples/confirm",[],{"type":20,"tag":119,"props":5205,"children":5206},{"v-slot:vue":7},[5207],{"type":20,"tag":131,"props":5208,"children":5211},{"className":5209,"code":5210,"language":136,"meta":7},[134],"\u003Cscript lang=\"ts\">\nimport { useModal, useToast } from '@inkline/inkline';\nimport { defineComponent } from 'vue';\n\nexport default defineComponent({\n    setup() {\n        const toast = useToast();\n        const { confirm } = useModal();\n\n        async function showConfirm() {\n            const confirmed = await confirm({\n                title: 'Confirm',\n                message: 'Are you sure you want to delete this item?',\n                confirmButtonText: 'Delete',\n                cancelButtonText: 'Cancel'\n            });\n\n            if (confirmed) {\n                toast.show({\n                    message: 'Item deleted successfully',\n                    color: 'success'\n                });\n            }\n        }\n\n        return {\n            showConfirm\n        };\n    }\n});\n\u003C/script>\n\u003Ctemplate>\n    \u003CIButton @click=\"showConfirm\">Show confirm\u003C/IButton>\n\u003C/template>\n\n",[5212],{"type":20,"tag":139,"props":5213,"children":5214},{},[5215],{"type":20,"tag":131,"props":5216,"children":5217},{"__ignoreMap":7},[5218,5249,5277,5304,5311,5338,5353,5392,5431,5438,5470,5518,5533,5549,5565,5578,5585,5592,5609,5625,5642,5654,5662,5670,5677,5684,5699,5707,5714,5721,5728,5743,5758,5799],{"type":20,"tag":146,"props":5219,"children":5220},{"class":148,"line":149},[5221,5225,5229,5233,5237,5241,5245],{"type":20,"tag":146,"props":5222,"children":5223},{"class":153},[5224],{"type":26,"value":156},{"type":20,"tag":146,"props":5226,"children":5227},{"class":159},[5228],{"type":26,"value":162},{"type":20,"tag":146,"props":5230,"children":5231},{"class":153},[5232],{"type":26,"value":167},{"type":20,"tag":146,"props":5234,"children":5235},{"class":170},[5236],{"type":26,"value":173},{"type":20,"tag":146,"props":5238,"children":5239},{"class":153},[5240],{"type":26,"value":178},{"type":20,"tag":146,"props":5242,"children":5243},{"class":181},[5244],{"type":26,"value":184},{"type":20,"tag":146,"props":5246,"children":5247},{"class":153},[5248],{"type":26,"value":189},{"type":20,"tag":146,"props":5250,"children":5251},{"class":148,"line":192},[5252,5256,5261,5265,5269,5273],{"type":20,"tag":146,"props":5253,"children":5254},{"class":196},[5255],{"type":26,"value":199},{"type":20,"tag":146,"props":5257,"children":5258},{"class":153},[5259],{"type":26,"value":5260}," { useModal, useToast } ",{"type":20,"tag":146,"props":5262,"children":5263},{"class":196},[5264],{"type":26,"value":209},{"type":20,"tag":146,"props":5266,"children":5267},{"class":153},[5268],{"type":26,"value":167},{"type":20,"tag":146,"props":5270,"children":5271},{"class":181},[5272],{"type":26,"value":218},{"type":20,"tag":146,"props":5274,"children":5275},{"class":153},[5276],{"type":26,"value":223},{"type":20,"tag":146,"props":5278,"children":5279},{"class":148,"line":226},[5280,5284,5288,5292,5296,5300],{"type":20,"tag":146,"props":5281,"children":5282},{"class":196},[5283],{"type":26,"value":199},{"type":20,"tag":146,"props":5285,"children":5286},{"class":153},[5287],{"type":26,"value":236},{"type":20,"tag":146,"props":5289,"children":5290},{"class":196},[5291],{"type":26,"value":209},{"type":20,"tag":146,"props":5293,"children":5294},{"class":153},[5295],{"type":26,"value":167},{"type":20,"tag":146,"props":5297,"children":5298},{"class":181},[5299],{"type":26,"value":249},{"type":20,"tag":146,"props":5301,"children":5302},{"class":153},[5303],{"type":26,"value":223},{"type":20,"tag":146,"props":5305,"children":5306},{"class":148,"line":256},[5307],{"type":20,"tag":146,"props":5308,"children":5309},{},[5310],{"type":26,"value":262},{"type":20,"tag":146,"props":5312,"children":5313},{"class":148,"line":265},[5314,5318,5322,5326,5330,5334],{"type":20,"tag":146,"props":5315,"children":5316},{"class":196},[5317],{"type":26,"value":271},{"type":20,"tag":146,"props":5319,"children":5320},{"class":153},[5321],{"type":26,"value":167},{"type":20,"tag":146,"props":5323,"children":5324},{"class":196},[5325],{"type":26,"value":280},{"type":20,"tag":146,"props":5327,"children":5328},{"class":153},[5329],{"type":26,"value":167},{"type":20,"tag":146,"props":5331,"children":5332},{"class":170},[5333],{"type":26,"value":289},{"type":20,"tag":146,"props":5335,"children":5336},{"class":153},[5337],{"type":26,"value":294},{"type":20,"tag":146,"props":5339,"children":5340},{"class":148,"line":297},[5341,5345,5349],{"type":20,"tag":146,"props":5342,"children":5343},{"class":153},[5344],{"type":26,"value":303},{"type":20,"tag":146,"props":5346,"children":5347},{"class":170},[5348],{"type":26,"value":308},{"type":20,"tag":146,"props":5350,"children":5351},{"class":153},[5352],{"type":26,"value":313},{"type":20,"tag":146,"props":5354,"children":5355},{"class":148,"line":316},[5356,5360,5364,5368,5372,5376,5380,5384,5388],{"type":20,"tag":146,"props":5357,"children":5358},{"class":153},[5359],{"type":26,"value":322},{"type":20,"tag":146,"props":5361,"children":5362},{"class":196},[5363],{"type":26,"value":327},{"type":20,"tag":146,"props":5365,"children":5366},{"class":153},[5367],{"type":26,"value":167},{"type":20,"tag":146,"props":5369,"children":5370},{"class":334},[5371],{"type":26,"value":3841},{"type":20,"tag":146,"props":5373,"children":5374},{"class":153},[5375],{"type":26,"value":167},{"type":20,"tag":146,"props":5377,"children":5378},{"class":196},[5379],{"type":26,"value":178},{"type":20,"tag":146,"props":5381,"children":5382},{"class":153},[5383],{"type":26,"value":167},{"type":20,"tag":146,"props":5385,"children":5386},{"class":170},[5387],{"type":26,"value":3858},{"type":20,"tag":146,"props":5389,"children":5390},{"class":153},[5391],{"type":26,"value":359},{"type":20,"tag":146,"props":5393,"children":5394},{"class":148,"line":362},[5395,5399,5403,5407,5411,5415,5419,5423,5427],{"type":20,"tag":146,"props":5396,"children":5397},{"class":153},[5398],{"type":26,"value":322},{"type":20,"tag":146,"props":5400,"children":5401},{"class":196},[5402],{"type":26,"value":327},{"type":20,"tag":146,"props":5404,"children":5405},{"class":153},[5406],{"type":26,"value":4855},{"type":20,"tag":146,"props":5408,"children":5409},{"class":334},[5410],{"type":26,"value":5185},{"type":20,"tag":146,"props":5412,"children":5413},{"class":153},[5414],{"type":26,"value":4864},{"type":20,"tag":146,"props":5416,"children":5417},{"class":196},[5418],{"type":26,"value":178},{"type":20,"tag":146,"props":5420,"children":5421},{"class":153},[5422],{"type":26,"value":167},{"type":20,"tag":146,"props":5424,"children":5425},{"class":170},[5426],{"type":26,"value":354},{"type":20,"tag":146,"props":5428,"children":5429},{"class":153},[5430],{"type":26,"value":359},{"type":20,"tag":146,"props":5432,"children":5433},{"class":148,"line":370},[5434],{"type":20,"tag":146,"props":5435,"children":5436},{},[5437],{"type":26,"value":262},{"type":20,"tag":146,"props":5439,"children":5440},{"class":148,"line":396},[5441,5445,5449,5453,5457,5461,5466],{"type":20,"tag":146,"props":5442,"children":5443},{"class":153},[5444],{"type":26,"value":322},{"type":20,"tag":146,"props":5446,"children":5447},{"class":196},[5448],{"type":26,"value":4899},{"type":20,"tag":146,"props":5450,"children":5451},{"class":153},[5452],{"type":26,"value":167},{"type":20,"tag":146,"props":5454,"children":5455},{"class":196},[5456],{"type":26,"value":380},{"type":20,"tag":146,"props":5458,"children":5459},{"class":153},[5460],{"type":26,"value":167},{"type":20,"tag":146,"props":5462,"children":5463},{"class":170},[5464],{"type":26,"value":5465},"showConfirm",{"type":20,"tag":146,"props":5467,"children":5468},{"class":153},[5469],{"type":26,"value":313},{"type":20,"tag":146,"props":5471,"children":5472},{"class":148,"line":414},[5473,5477,5481,5485,5490,5494,5498,5502,5506,5510,5514],{"type":20,"tag":146,"props":5474,"children":5475},{"class":153},[5476],{"type":26,"value":3365},{"type":20,"tag":146,"props":5478,"children":5479},{"class":196},[5480],{"type":26,"value":327},{"type":20,"tag":146,"props":5482,"children":5483},{"class":153},[5484],{"type":26,"value":167},{"type":20,"tag":146,"props":5486,"children":5487},{"class":334},[5488],{"type":26,"value":5489},"confirmed",{"type":20,"tag":146,"props":5491,"children":5492},{"class":153},[5493],{"type":26,"value":167},{"type":20,"tag":146,"props":5495,"children":5496},{"class":196},[5497],{"type":26,"value":178},{"type":20,"tag":146,"props":5499,"children":5500},{"class":153},[5501],{"type":26,"value":167},{"type":20,"tag":146,"props":5503,"children":5504},{"class":196},[5505],{"type":26,"value":4932},{"type":20,"tag":146,"props":5507,"children":5508},{"class":153},[5509],{"type":26,"value":167},{"type":20,"tag":146,"props":5511,"children":5512},{"class":170},[5513],{"type":26,"value":5185},{"type":20,"tag":146,"props":5515,"children":5516},{"class":153},[5517],{"type":26,"value":294},{"type":20,"tag":146,"props":5519,"children":5520},{"class":148,"line":433},[5521,5525,5529],{"type":20,"tag":146,"props":5522,"children":5523},{"class":153},[5524],{"type":26,"value":4952},{"type":20,"tag":146,"props":5526,"children":5527},{"class":181},[5528],{"type":26,"value":4342},{"type":20,"tag":146,"props":5530,"children":5531},{"class":153},[5532],{"type":26,"value":430},{"type":20,"tag":146,"props":5534,"children":5535},{"class":148,"line":451},[5536,5540,5545],{"type":20,"tag":146,"props":5537,"children":5538},{"class":153},[5539],{"type":26,"value":4476},{"type":20,"tag":146,"props":5541,"children":5542},{"class":181},[5543],{"type":26,"value":5544},"'Are you sure you want to delete this item?'",{"type":20,"tag":146,"props":5546,"children":5547},{"class":153},[5548],{"type":26,"value":430},{"type":20,"tag":146,"props":5550,"children":5551},{"class":148,"line":465},[5552,5556,5561],{"type":20,"tag":146,"props":5553,"children":5554},{"class":153},[5555],{"type":26,"value":4993},{"type":20,"tag":146,"props":5557,"children":5558},{"class":181},[5559],{"type":26,"value":5560},"'Delete'",{"type":20,"tag":146,"props":5562,"children":5563},{"class":153},[5564],{"type":26,"value":430},{"type":20,"tag":146,"props":5566,"children":5567},{"class":148,"line":474},[5568,5573],{"type":20,"tag":146,"props":5569,"children":5570},{"class":153},[5571],{"type":26,"value":5572},"                cancelButtonText: ",{"type":20,"tag":146,"props":5574,"children":5575},{"class":181},[5576],{"type":26,"value":5577},"'Cancel'\n",{"type":20,"tag":146,"props":5579,"children":5580},{"class":148,"line":483},[5581],{"type":20,"tag":146,"props":5582,"children":5583},{"class":153},[5584],{"type":26,"value":471},{"type":20,"tag":146,"props":5586,"children":5587},{"class":148,"line":491},[5588],{"type":20,"tag":146,"props":5589,"children":5590},{},[5591],{"type":26,"value":262},{"type":20,"tag":146,"props":5593,"children":5594},{"class":148,"line":509},[5595,5599,5604],{"type":20,"tag":146,"props":5596,"children":5597},{"class":153},[5598],{"type":26,"value":3365},{"type":20,"tag":146,"props":5600,"children":5601},{"class":196},[5602],{"type":26,"value":5603},"if",{"type":20,"tag":146,"props":5605,"children":5606},{"class":153},[5607],{"type":26,"value":5608}," (confirmed) {\n",{"type":20,"tag":146,"props":5610,"children":5611},{"class":148,"line":518},[5612,5617,5621],{"type":20,"tag":146,"props":5613,"children":5614},{"class":153},[5615],{"type":26,"value":5616},"                toast.",{"type":20,"tag":146,"props":5618,"children":5619},{"class":170},[5620],{"type":26,"value":407},{"type":20,"tag":146,"props":5622,"children":5623},{"class":153},[5624],{"type":26,"value":294},{"type":20,"tag":146,"props":5626,"children":5627},{"class":148,"line":527},[5628,5633,5638],{"type":20,"tag":146,"props":5629,"children":5630},{"class":153},[5631],{"type":26,"value":5632},"                    message: ",{"type":20,"tag":146,"props":5634,"children":5635},{"class":181},[5636],{"type":26,"value":5637},"'Item deleted successfully'",{"type":20,"tag":146,"props":5639,"children":5640},{"class":153},[5641],{"type":26,"value":430},{"type":20,"tag":146,"props":5643,"children":5644},{"class":148,"line":536},[5645,5650],{"type":20,"tag":146,"props":5646,"children":5647},{"class":153},[5648],{"type":26,"value":5649},"                    color: ",{"type":20,"tag":146,"props":5651,"children":5652},{"class":181},[5653],{"type":26,"value":1333},{"type":20,"tag":146,"props":5655,"children":5656},{"class":148,"line":545},[5657],{"type":20,"tag":146,"props":5658,"children":5659},{"class":153},[5660],{"type":26,"value":5661},"                });\n",{"type":20,"tag":146,"props":5663,"children":5664},{"class":148,"line":562},[5665],{"type":20,"tag":146,"props":5666,"children":5667},{"class":153},[5668],{"type":26,"value":5669},"            }\n",{"type":20,"tag":146,"props":5671,"children":5672},{"class":148,"line":578},[5673],{"type":20,"tag":146,"props":5674,"children":5675},{"class":153},[5676],{"type":26,"value":480},{"type":20,"tag":146,"props":5678,"children":5679},{"class":148,"line":624},[5680],{"type":20,"tag":146,"props":5681,"children":5682},{},[5683],{"type":26,"value":262},{"type":20,"tag":146,"props":5685,"children":5686},{"class":148,"line":1096},[5687,5691,5695],{"type":20,"tag":146,"props":5688,"children":5689},{"class":153},[5690],{"type":26,"value":322},{"type":20,"tag":146,"props":5692,"children":5693},{"class":196},[5694],{"type":26,"value":501},{"type":20,"tag":146,"props":5696,"children":5697},{"class":153},[5698],{"type":26,"value":506},{"type":20,"tag":146,"props":5700,"children":5701},{"class":148,"line":1104},[5702],{"type":20,"tag":146,"props":5703,"children":5704},{"class":153},[5705],{"type":26,"value":5706},"            showConfirm\n",{"type":20,"tag":146,"props":5708,"children":5709},{"class":148,"line":1129},[5710],{"type":20,"tag":146,"props":5711,"children":5712},{"class":153},[5713],{"type":26,"value":524},{"type":20,"tag":146,"props":5715,"children":5716},{"class":148,"line":1145},[5717],{"type":20,"tag":146,"props":5718,"children":5719},{"class":153},[5720],{"type":26,"value":533},{"type":20,"tag":146,"props":5722,"children":5723},{"class":148,"line":1162},[5724],{"type":20,"tag":146,"props":5725,"children":5726},{"class":153},[5727],{"type":26,"value":542},{"type":20,"tag":146,"props":5729,"children":5730},{"class":148,"line":1179},[5731,5735,5739],{"type":20,"tag":146,"props":5732,"children":5733},{"class":153},[5734],{"type":26,"value":551},{"type":20,"tag":146,"props":5736,"children":5737},{"class":159},[5738],{"type":26,"value":162},{"type":20,"tag":146,"props":5740,"children":5741},{"class":153},[5742],{"type":26,"value":189},{"type":20,"tag":146,"props":5744,"children":5745},{"class":148,"line":1195},[5746,5750,5754],{"type":20,"tag":146,"props":5747,"children":5748},{"class":153},[5749],{"type":26,"value":156},{"type":20,"tag":146,"props":5751,"children":5752},{"class":159},[5753],{"type":26,"value":119},{"type":20,"tag":146,"props":5755,"children":5756},{"class":153},[5757],{"type":26,"value":189},{"type":20,"tag":146,"props":5759,"children":5760},{"class":148,"line":1208},[5761,5765,5769,5773,5777,5781,5786,5791,5795],{"type":20,"tag":146,"props":5762,"children":5763},{"class":153},[5764],{"type":26,"value":584},{"type":20,"tag":146,"props":5766,"children":5767},{"class":587},[5768],{"type":26,"value":590},{"type":20,"tag":146,"props":5770,"children":5771},{"class":153},[5772],{"type":26,"value":167},{"type":20,"tag":146,"props":5774,"children":5775},{"class":170},[5776],{"type":26,"value":599},{"type":20,"tag":146,"props":5778,"children":5779},{"class":153},[5780],{"type":26,"value":178},{"type":20,"tag":146,"props":5782,"children":5783},{"class":181},[5784],{"type":26,"value":5785},"\"showConfirm\"",{"type":20,"tag":146,"props":5787,"children":5788},{"class":153},[5789],{"type":26,"value":5790},">Show confirm\u003C/",{"type":20,"tag":146,"props":5792,"children":5793},{"class":587},[5794],{"type":26,"value":590},{"type":20,"tag":146,"props":5796,"children":5797},{"class":153},[5798],{"type":26,"value":189},{"type":20,"tag":146,"props":5800,"children":5801},{"class":148,"line":1216},[5802,5806,5810],{"type":20,"tag":146,"props":5803,"children":5804},{"class":153},[5805],{"type":26,"value":551},{"type":20,"tag":146,"props":5807,"children":5808},{"class":159},[5809],{"type":26,"value":119},{"type":20,"tag":146,"props":5811,"children":5812},{"class":153},[5813],{"type":26,"value":638},{"type":20,"tag":3002,"props":5815,"children":5817},{"id":5816},"prompt",[5818],{"type":26,"value":5819},"Prompt",{"type":20,"tag":36,"props":5821,"children":5822},{},[5823],{"type":26,"value":5824},"The prompt modal is a dialog that displays a message and an optional title, along with a text input and a confirmation and cancel button. It's useful for asking the user to confirm or cancel an action, along with providing additional information.",{"type":20,"tag":115,"props":5826,"children":5827},{},[5828,5835],{"type":20,"tag":119,"props":5829,"children":5830},{"v-slot:preview":7},[5831],{"type":20,"tag":123,"props":5832,"children":5834},{"src":5833},"/components/IModalContainer/examples/prompt",[],{"type":20,"tag":119,"props":5836,"children":5837},{"v-slot:vue":7},[5838],{"type":20,"tag":131,"props":5839,"children":5842},{"className":5840,"code":5841,"language":136,"meta":7},[134],"\u003Cscript lang=\"ts\">\nimport { useModal, useToast } from '@inkline/inkline';\nimport { defineComponent } from 'vue';\n\nexport default defineComponent({\n    setup() {\n        const toast = useToast();\n        const { prompt } = useModal();\n\n        async function showPrompt() {\n            try {\n                const form = await prompt\u003C{\n                    input: string;\n                }>({\n                    title: 'Prompt Title',\n                    message: 'This prompt requires you to enter something:',\n                    inputProps: {\n                        placeholder: 'Enter something'\n                    },\n                    confirmButtonText: 'Submit',\n                    cancelButtonText: 'Cancel'\n                });\n\n                toast.show({\n                    title: 'Prompt result',\n                    message: form.input,\n                    color: 'info'\n                });\n            } catch (error) {\n                console.log('Prompt cancelled');\n            }\n        }\n\n        return {\n            showPrompt\n        };\n    }\n});\n\u003C/script>\n\u003Ctemplate>\n    \u003CIButton @click=\"showPrompt\">Show prompt\u003C/IButton>\n\u003C/template>\n\n",[5843],{"type":20,"tag":139,"props":5844,"children":5845},{},[5846],{"type":20,"tag":131,"props":5847,"children":5848},{"__ignoreMap":7},[5849,5880,5907,5934,5941,5968,5983,6022,6061,6068,6100,6116,6166,6197,6205,6222,6238,6246,6259,6267,6284,6296,6303,6310,6325,6341,6349,6360,6367,6385,6410,6417,6424,6431,6446,6454,6461,6468,6475,6490,6505,6546],{"type":20,"tag":146,"props":5850,"children":5851},{"class":148,"line":149},[5852,5856,5860,5864,5868,5872,5876],{"type":20,"tag":146,"props":5853,"children":5854},{"class":153},[5855],{"type":26,"value":156},{"type":20,"tag":146,"props":5857,"children":5858},{"class":159},[5859],{"type":26,"value":162},{"type":20,"tag":146,"props":5861,"children":5862},{"class":153},[5863],{"type":26,"value":167},{"type":20,"tag":146,"props":5865,"children":5866},{"class":170},[5867],{"type":26,"value":173},{"type":20,"tag":146,"props":5869,"children":5870},{"class":153},[5871],{"type":26,"value":178},{"type":20,"tag":146,"props":5873,"children":5874},{"class":181},[5875],{"type":26,"value":184},{"type":20,"tag":146,"props":5877,"children":5878},{"class":153},[5879],{"type":26,"value":189},{"type":20,"tag":146,"props":5881,"children":5882},{"class":148,"line":192},[5883,5887,5891,5895,5899,5903],{"type":20,"tag":146,"props":5884,"children":5885},{"class":196},[5886],{"type":26,"value":199},{"type":20,"tag":146,"props":5888,"children":5889},{"class":153},[5890],{"type":26,"value":5260},{"type":20,"tag":146,"props":5892,"children":5893},{"class":196},[5894],{"type":26,"value":209},{"type":20,"tag":146,"props":5896,"children":5897},{"class":153},[5898],{"type":26,"value":167},{"type":20,"tag":146,"props":5900,"children":5901},{"class":181},[5902],{"type":26,"value":218},{"type":20,"tag":146,"props":5904,"children":5905},{"class":153},[5906],{"type":26,"value":223},{"type":20,"tag":146,"props":5908,"children":5909},{"class":148,"line":226},[5910,5914,5918,5922,5926,5930],{"type":20,"tag":146,"props":5911,"children":5912},{"class":196},[5913],{"type":26,"value":199},{"type":20,"tag":146,"props":5915,"children":5916},{"class":153},[5917],{"type":26,"value":236},{"type":20,"tag":146,"props":5919,"children":5920},{"class":196},[5921],{"type":26,"value":209},{"type":20,"tag":146,"props":5923,"children":5924},{"class":153},[5925],{"type":26,"value":167},{"type":20,"tag":146,"props":5927,"children":5928},{"class":181},[5929],{"type":26,"value":249},{"type":20,"tag":146,"props":5931,"children":5932},{"class":153},[5933],{"type":26,"value":223},{"type":20,"tag":146,"props":5935,"children":5936},{"class":148,"line":256},[5937],{"type":20,"tag":146,"props":5938,"children":5939},{},[5940],{"type":26,"value":262},{"type":20,"tag":146,"props":5942,"children":5943},{"class":148,"line":265},[5944,5948,5952,5956,5960,5964],{"type":20,"tag":146,"props":5945,"children":5946},{"class":196},[5947],{"type":26,"value":271},{"type":20,"tag":146,"props":5949,"children":5950},{"class":153},[5951],{"type":26,"value":167},{"type":20,"tag":146,"props":5953,"children":5954},{"class":196},[5955],{"type":26,"value":280},{"type":20,"tag":146,"props":5957,"children":5958},{"class":153},[5959],{"type":26,"value":167},{"type":20,"tag":146,"props":5961,"children":5962},{"class":170},[5963],{"type":26,"value":289},{"type":20,"tag":146,"props":5965,"children":5966},{"class":153},[5967],{"type":26,"value":294},{"type":20,"tag":146,"props":5969,"children":5970},{"class":148,"line":297},[5971,5975,5979],{"type":20,"tag":146,"props":5972,"children":5973},{"class":153},[5974],{"type":26,"value":303},{"type":20,"tag":146,"props":5976,"children":5977},{"class":170},[5978],{"type":26,"value":308},{"type":20,"tag":146,"props":5980,"children":5981},{"class":153},[5982],{"type":26,"value":313},{"type":20,"tag":146,"props":5984,"children":5985},{"class":148,"line":316},[5986,5990,5994,5998,6002,6006,6010,6014,6018],{"type":20,"tag":146,"props":5987,"children":5988},{"class":153},[5989],{"type":26,"value":322},{"type":20,"tag":146,"props":5991,"children":5992},{"class":196},[5993],{"type":26,"value":327},{"type":20,"tag":146,"props":5995,"children":5996},{"class":153},[5997],{"type":26,"value":167},{"type":20,"tag":146,"props":5999,"children":6000},{"class":334},[6001],{"type":26,"value":3841},{"type":20,"tag":146,"props":6003,"children":6004},{"class":153},[6005],{"type":26,"value":167},{"type":20,"tag":146,"props":6007,"children":6008},{"class":196},[6009],{"type":26,"value":178},{"type":20,"tag":146,"props":6011,"children":6012},{"class":153},[6013],{"type":26,"value":167},{"type":20,"tag":146,"props":6015,"children":6016},{"class":170},[6017],{"type":26,"value":3858},{"type":20,"tag":146,"props":6019,"children":6020},{"class":153},[6021],{"type":26,"value":359},{"type":20,"tag":146,"props":6023,"children":6024},{"class":148,"line":362},[6025,6029,6033,6037,6041,6045,6049,6053,6057],{"type":20,"tag":146,"props":6026,"children":6027},{"class":153},[6028],{"type":26,"value":322},{"type":20,"tag":146,"props":6030,"children":6031},{"class":196},[6032],{"type":26,"value":327},{"type":20,"tag":146,"props":6034,"children":6035},{"class":153},[6036],{"type":26,"value":4855},{"type":20,"tag":146,"props":6038,"children":6039},{"class":334},[6040],{"type":26,"value":5816},{"type":20,"tag":146,"props":6042,"children":6043},{"class":153},[6044],{"type":26,"value":4864},{"type":20,"tag":146,"props":6046,"children":6047},{"class":196},[6048],{"type":26,"value":178},{"type":20,"tag":146,"props":6050,"children":6051},{"class":153},[6052],{"type":26,"value":167},{"type":20,"tag":146,"props":6054,"children":6055},{"class":170},[6056],{"type":26,"value":354},{"type":20,"tag":146,"props":6058,"children":6059},{"class":153},[6060],{"type":26,"value":359},{"type":20,"tag":146,"props":6062,"children":6063},{"class":148,"line":370},[6064],{"type":20,"tag":146,"props":6065,"children":6066},{},[6067],{"type":26,"value":262},{"type":20,"tag":146,"props":6069,"children":6070},{"class":148,"line":396},[6071,6075,6079,6083,6087,6091,6096],{"type":20,"tag":146,"props":6072,"children":6073},{"class":153},[6074],{"type":26,"value":322},{"type":20,"tag":146,"props":6076,"children":6077},{"class":196},[6078],{"type":26,"value":4899},{"type":20,"tag":146,"props":6080,"children":6081},{"class":153},[6082],{"type":26,"value":167},{"type":20,"tag":146,"props":6084,"children":6085},{"class":196},[6086],{"type":26,"value":380},{"type":20,"tag":146,"props":6088,"children":6089},{"class":153},[6090],{"type":26,"value":167},{"type":20,"tag":146,"props":6092,"children":6093},{"class":170},[6094],{"type":26,"value":6095},"showPrompt",{"type":20,"tag":146,"props":6097,"children":6098},{"class":153},[6099],{"type":26,"value":313},{"type":20,"tag":146,"props":6101,"children":6102},{"class":148,"line":414},[6103,6107,6112],{"type":20,"tag":146,"props":6104,"children":6105},{"class":153},[6106],{"type":26,"value":3365},{"type":20,"tag":146,"props":6108,"children":6109},{"class":196},[6110],{"type":26,"value":6111},"try",{"type":20,"tag":146,"props":6113,"children":6114},{"class":153},[6115],{"type":26,"value":506},{"type":20,"tag":146,"props":6117,"children":6118},{"class":148,"line":433},[6119,6124,6128,6132,6137,6141,6145,6149,6153,6157,6161],{"type":20,"tag":146,"props":6120,"children":6121},{"class":153},[6122],{"type":26,"value":6123},"                ",{"type":20,"tag":146,"props":6125,"children":6126},{"class":196},[6127],{"type":26,"value":327},{"type":20,"tag":146,"props":6129,"children":6130},{"class":153},[6131],{"type":26,"value":167},{"type":20,"tag":146,"props":6133,"children":6134},{"class":334},[6135],{"type":26,"value":6136},"form",{"type":20,"tag":146,"props":6138,"children":6139},{"class":153},[6140],{"type":26,"value":167},{"type":20,"tag":146,"props":6142,"children":6143},{"class":196},[6144],{"type":26,"value":178},{"type":20,"tag":146,"props":6146,"children":6147},{"class":153},[6148],{"type":26,"value":167},{"type":20,"tag":146,"props":6150,"children":6151},{"class":196},[6152],{"type":26,"value":4932},{"type":20,"tag":146,"props":6154,"children":6155},{"class":153},[6156],{"type":26,"value":167},{"type":20,"tag":146,"props":6158,"children":6159},{"class":170},[6160],{"type":26,"value":5816},{"type":20,"tag":146,"props":6162,"children":6163},{"class":153},[6164],{"type":26,"value":6165},"\u003C{\n",{"type":20,"tag":146,"props":6167,"children":6168},{"class":148,"line":451},[6169,6173,6179,6184,6188,6193],{"type":20,"tag":146,"props":6170,"children":6171},{"class":153},[6172],{"type":26,"value":4062},{"type":20,"tag":146,"props":6174,"children":6176},{"class":6175},"ct-157101",[6177],{"type":26,"value":6178},"input",{"type":20,"tag":146,"props":6180,"children":6181},{"class":196},[6182],{"type":26,"value":6183},":",{"type":20,"tag":146,"props":6185,"children":6186},{"class":153},[6187],{"type":26,"value":167},{"type":20,"tag":146,"props":6189,"children":6190},{"class":334},[6191],{"type":26,"value":6192},"string",{"type":20,"tag":146,"props":6194,"children":6195},{"class":153},[6196],{"type":26,"value":223},{"type":20,"tag":146,"props":6198,"children":6199},{"class":148,"line":465},[6200],{"type":20,"tag":146,"props":6201,"children":6202},{"class":153},[6203],{"type":26,"value":6204},"                }>({\n",{"type":20,"tag":146,"props":6206,"children":6207},{"class":148,"line":474},[6208,6213,6218],{"type":20,"tag":146,"props":6209,"children":6210},{"class":153},[6211],{"type":26,"value":6212},"                    title: ",{"type":20,"tag":146,"props":6214,"children":6215},{"class":181},[6216],{"type":26,"value":6217},"'Prompt Title'",{"type":20,"tag":146,"props":6219,"children":6220},{"class":153},[6221],{"type":26,"value":430},{"type":20,"tag":146,"props":6223,"children":6224},{"class":148,"line":483},[6225,6229,6234],{"type":20,"tag":146,"props":6226,"children":6227},{"class":153},[6228],{"type":26,"value":5632},{"type":20,"tag":146,"props":6230,"children":6231},{"class":181},[6232],{"type":26,"value":6233},"'This prompt requires you to enter something:'",{"type":20,"tag":146,"props":6235,"children":6236},{"class":153},[6237],{"type":26,"value":430},{"type":20,"tag":146,"props":6239,"children":6240},{"class":148,"line":491},[6241],{"type":20,"tag":146,"props":6242,"children":6243},{"class":153},[6244],{"type":26,"value":6245},"                    inputProps: {\n",{"type":20,"tag":146,"props":6247,"children":6248},{"class":148,"line":509},[6249,6254],{"type":20,"tag":146,"props":6250,"children":6251},{"class":153},[6252],{"type":26,"value":6253},"                        placeholder: ",{"type":20,"tag":146,"props":6255,"children":6256},{"class":181},[6257],{"type":26,"value":6258},"'Enter something'\n",{"type":20,"tag":146,"props":6260,"children":6261},{"class":148,"line":518},[6262],{"type":20,"tag":146,"props":6263,"children":6264},{"class":153},[6265],{"type":26,"value":6266},"                    },\n",{"type":20,"tag":146,"props":6268,"children":6269},{"class":148,"line":527},[6270,6275,6280],{"type":20,"tag":146,"props":6271,"children":6272},{"class":153},[6273],{"type":26,"value":6274},"                    confirmButtonText: ",{"type":20,"tag":146,"props":6276,"children":6277},{"class":181},[6278],{"type":26,"value":6279},"'Submit'",{"type":20,"tag":146,"props":6281,"children":6282},{"class":153},[6283],{"type":26,"value":430},{"type":20,"tag":146,"props":6285,"children":6286},{"class":148,"line":536},[6287,6292],{"type":20,"tag":146,"props":6288,"children":6289},{"class":153},[6290],{"type":26,"value":6291},"                    cancelButtonText: ",{"type":20,"tag":146,"props":6293,"children":6294},{"class":181},[6295],{"type":26,"value":5577},{"type":20,"tag":146,"props":6297,"children":6298},{"class":148,"line":545},[6299],{"type":20,"tag":146,"props":6300,"children":6301},{"class":153},[6302],{"type":26,"value":5661},{"type":20,"tag":146,"props":6304,"children":6305},{"class":148,"line":562},[6306],{"type":20,"tag":146,"props":6307,"children":6308},{},[6309],{"type":26,"value":262},{"type":20,"tag":146,"props":6311,"children":6312},{"class":148,"line":578},[6313,6317,6321],{"type":20,"tag":146,"props":6314,"children":6315},{"class":153},[6316],{"type":26,"value":5616},{"type":20,"tag":146,"props":6318,"children":6319},{"class":170},[6320],{"type":26,"value":407},{"type":20,"tag":146,"props":6322,"children":6323},{"class":153},[6324],{"type":26,"value":294},{"type":20,"tag":146,"props":6326,"children":6327},{"class":148,"line":624},[6328,6332,6337],{"type":20,"tag":146,"props":6329,"children":6330},{"class":153},[6331],{"type":26,"value":6212},{"type":20,"tag":146,"props":6333,"children":6334},{"class":181},[6335],{"type":26,"value":6336},"'Prompt result'",{"type":20,"tag":146,"props":6338,"children":6339},{"class":153},[6340],{"type":26,"value":430},{"type":20,"tag":146,"props":6342,"children":6343},{"class":148,"line":1096},[6344],{"type":20,"tag":146,"props":6345,"children":6346},{"class":153},[6347],{"type":26,"value":6348},"                    message: form.input,\n",{"type":20,"tag":146,"props":6350,"children":6351},{"class":148,"line":1104},[6352,6356],{"type":20,"tag":146,"props":6353,"children":6354},{"class":153},[6355],{"type":26,"value":5649},{"type":20,"tag":146,"props":6357,"children":6358},{"class":181},[6359],{"type":26,"value":1205},{"type":20,"tag":146,"props":6361,"children":6362},{"class":148,"line":1129},[6363],{"type":20,"tag":146,"props":6364,"children":6365},{"class":153},[6366],{"type":26,"value":5661},{"type":20,"tag":146,"props":6368,"children":6369},{"class":148,"line":1145},[6370,6375,6380],{"type":20,"tag":146,"props":6371,"children":6372},{"class":153},[6373],{"type":26,"value":6374},"            } ",{"type":20,"tag":146,"props":6376,"children":6377},{"class":196},[6378],{"type":26,"value":6379},"catch",{"type":20,"tag":146,"props":6381,"children":6382},{"class":153},[6383],{"type":26,"value":6384}," (error) {\n",{"type":20,"tag":146,"props":6386,"children":6387},{"class":148,"line":1162},[6388,6393,6397,6401,6406],{"type":20,"tag":146,"props":6389,"children":6390},{"class":153},[6391],{"type":26,"value":6392},"                console.",{"type":20,"tag":146,"props":6394,"children":6395},{"class":170},[6396],{"type":26,"value":5025},{"type":20,"tag":146,"props":6398,"children":6399},{"class":153},[6400],{"type":26,"value":4010},{"type":20,"tag":146,"props":6402,"children":6403},{"class":181},[6404],{"type":26,"value":6405},"'Prompt cancelled'",{"type":20,"tag":146,"props":6407,"children":6408},{"class":153},[6409],{"type":26,"value":3473},{"type":20,"tag":146,"props":6411,"children":6412},{"class":148,"line":1179},[6413],{"type":20,"tag":146,"props":6414,"children":6415},{"class":153},[6416],{"type":26,"value":5669},{"type":20,"tag":146,"props":6418,"children":6419},{"class":148,"line":1195},[6420],{"type":20,"tag":146,"props":6421,"children":6422},{"class":153},[6423],{"type":26,"value":480},{"type":20,"tag":146,"props":6425,"children":6426},{"class":148,"line":1208},[6427],{"type":20,"tag":146,"props":6428,"children":6429},{},[6430],{"type":26,"value":262},{"type":20,"tag":146,"props":6432,"children":6433},{"class":148,"line":1216},[6434,6438,6442],{"type":20,"tag":146,"props":6435,"children":6436},{"class":153},[6437],{"type":26,"value":322},{"type":20,"tag":146,"props":6439,"children":6440},{"class":196},[6441],{"type":26,"value":501},{"type":20,"tag":146,"props":6443,"children":6444},{"class":153},[6445],{"type":26,"value":506},{"type":20,"tag":146,"props":6447,"children":6448},{"class":148,"line":1224},[6449],{"type":20,"tag":146,"props":6450,"children":6451},{"class":153},[6452],{"type":26,"value":6453},"            showPrompt\n",{"type":20,"tag":146,"props":6455,"children":6456},{"class":148,"line":1232},[6457],{"type":20,"tag":146,"props":6458,"children":6459},{"class":153},[6460],{"type":26,"value":524},{"type":20,"tag":146,"props":6462,"children":6463},{"class":148,"line":1257},[6464],{"type":20,"tag":146,"props":6465,"children":6466},{"class":153},[6467],{"type":26,"value":533},{"type":20,"tag":146,"props":6469,"children":6470},{"class":148,"line":1273},[6471],{"type":20,"tag":146,"props":6472,"children":6473},{"class":153},[6474],{"type":26,"value":542},{"type":20,"tag":146,"props":6476,"children":6477},{"class":148,"line":1290},[6478,6482,6486],{"type":20,"tag":146,"props":6479,"children":6480},{"class":153},[6481],{"type":26,"value":551},{"type":20,"tag":146,"props":6483,"children":6484},{"class":159},[6485],{"type":26,"value":162},{"type":20,"tag":146,"props":6487,"children":6488},{"class":153},[6489],{"type":26,"value":189},{"type":20,"tag":146,"props":6491,"children":6492},{"class":148,"line":1307},[6493,6497,6501],{"type":20,"tag":146,"props":6494,"children":6495},{"class":153},[6496],{"type":26,"value":156},{"type":20,"tag":146,"props":6498,"children":6499},{"class":159},[6500],{"type":26,"value":119},{"type":20,"tag":146,"props":6502,"children":6503},{"class":153},[6504],{"type":26,"value":189},{"type":20,"tag":146,"props":6506,"children":6507},{"class":148,"line":1323},[6508,6512,6516,6520,6524,6528,6533,6538,6542],{"type":20,"tag":146,"props":6509,"children":6510},{"class":153},[6511],{"type":26,"value":584},{"type":20,"tag":146,"props":6513,"children":6514},{"class":587},[6515],{"type":26,"value":590},{"type":20,"tag":146,"props":6517,"children":6518},{"class":153},[6519],{"type":26,"value":167},{"type":20,"tag":146,"props":6521,"children":6522},{"class":170},[6523],{"type":26,"value":599},{"type":20,"tag":146,"props":6525,"children":6526},{"class":153},[6527],{"type":26,"value":178},{"type":20,"tag":146,"props":6529,"children":6530},{"class":181},[6531],{"type":26,"value":6532},"\"showPrompt\"",{"type":20,"tag":146,"props":6534,"children":6535},{"class":153},[6536],{"type":26,"value":6537},">Show prompt\u003C/",{"type":20,"tag":146,"props":6539,"children":6540},{"class":587},[6541],{"type":26,"value":590},{"type":20,"tag":146,"props":6543,"children":6544},{"class":153},[6545],{"type":26,"value":189},{"type":20,"tag":146,"props":6547,"children":6548},{"class":148,"line":1336},[6549,6553,6557],{"type":20,"tag":146,"props":6550,"children":6551},{"class":153},[6552],{"type":26,"value":551},{"type":20,"tag":146,"props":6554,"children":6555},{"class":159},[6556],{"type":26,"value":119},{"type":20,"tag":146,"props":6558,"children":6559},{"class":153},[6560],{"type":26,"value":638},{"type":20,"tag":62,"props":6562,"children":6564},{"id":6563},"props",[6565],{"type":26,"value":6566},"Props",{"type":20,"tag":6568,"props":6569,"children":6572},"content-component-props",{":additional-props":6570,"component":6571},"additionalProps","IModal",[],{"type":20,"tag":62,"props":6574,"children":6576},{"id":6575},"slots",[6577],{"type":26,"value":6578},"Slots",{"type":20,"tag":36,"props":6580,"children":6581},{},[6582],{"type":26,"value":6583},"These slots are used internally for dynamically rendering the modal content.",{"type":20,"tag":6585,"props":6586,"children":6587},"content-component-slots",{"component":6571},[],{"type":20,"tag":62,"props":6589,"children":6591},{"id":6590},"events",[6592],{"type":26,"value":6593},"Events",{"type":20,"tag":36,"props":6595,"children":6596},{},[6597],{"type":26,"value":6598},"These events are used internally to handle the modal dialog visibility.",{"type":20,"tag":6600,"props":6601,"children":6602},"content-component-events",{"component":6571},[],{"type":20,"tag":62,"props":6604,"children":6606},{"id":6605},"design-tokens",[6607],{"type":26,"value":6608},"Design Tokens",{"type":20,"tag":6610,"props":6611,"children":6612},"content-component-design-tokens",{"component":6571},[],{"type":20,"tag":6614,"children":6615},"style",[6616],{"type":26,"value":6617},".ct-553616{color:#24292E;}\n.dark-theme .ct-553616{color:#E1E4E8;}\n.ct-914029{color:#22863A;}\n.dark-theme .ct-914029{color:#85E89D;}\n.ct-762058{color:#6F42C1;}\n.dark-theme .ct-762058{color:#B392F0;}\n.ct-952708{color:#032F62;}\n.dark-theme .ct-952708{color:#9ECBFF;}\n.ct-149352{color:#D73A49;}\n.dark-theme .ct-149352{color:#F97583;}\n.ct-617022{color:#005CC5;}\n.dark-theme .ct-617022{color:#79B8FF;}\n.ct-028869{color:#B31D28;font-style:italic;}\n.dark-theme .ct-028869{color:#FDAEB7;font-style:italic;}\n.ct-157101{color:#E36209;}\n.dark-theme .ct-157101{color:#FFAB70;}",{"title":7,"searchDepth":192,"depth":192,"links":6619},[6620],{"id":31,"depth":192,"text":34,"children":6621},[6622,6623,6624,6625,6626,6627,6628,6629,6630,6631],{"id":64,"depth":226,"text":67},{"id":641,"depth":226,"text":644},{"id":2112,"depth":226,"text":2115},{"id":2992,"depth":226,"text":2995},{"id":3648,"depth":226,"text":3651},{"id":4662,"depth":226,"text":4665},{"id":6563,"depth":226,"text":6566},{"id":6575,"depth":226,"text":6578},{"id":6590,"depth":226,"text":6593},{"id":6605,"depth":226,"text":6608},"markdown","content:docs:services:modal.md","content","docs/services/modal.md",1794582261164]