[{"data":1,"prerenderedAt":1309},["ShallowReactive",2],{"navigation_docs":3,"-embed-the-widget-javascript-api":183,"-embed-the-widget-javascript-api-surround":1304},[4,21,58,85,126,142],{"title":5,"path":6,"stem":7,"children":8,"icon":10},"Getting started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,11,16],{"title":5,"path":6,"stem":7,"icon":10},"i-lucide-rocket",{"title":12,"path":13,"stem":14,"icon":15},"API keys and requests","\u002Fgetting-started\u002Fapi-keys","1.getting-started\u002F2.api-keys","i-lucide-key-round",{"title":17,"path":18,"stem":19,"icon":20},"Projects","\u002Fgetting-started\u002Fprojects","1.getting-started\u002F3.projects","i-lucide-folder",{"title":22,"path":23,"stem":24,"children":25,"icon":27},"Embed the widget","\u002Fembed-the-widget","2.embed-the-widget\u002F1.index",[26,28,33,38,43,48,53],{"title":22,"path":23,"stem":24,"icon":27},"i-lucide-code",{"title":29,"path":30,"stem":31,"icon":32},"Placement modes","\u002Fembed-the-widget\u002Fplacement-modes","2.embed-the-widget\u002F2.placement-modes","i-lucide-layout-panel-top",{"title":34,"path":35,"stem":36,"icon":37},"JavaScript API","\u002Fembed-the-widget\u002Fjavascript-api","2.embed-the-widget\u002F3.javascript-api","i-lucide-braces",{"title":39,"path":40,"stem":41,"icon":42},"Appearance options","\u002Fembed-the-widget\u002Fappearance-options","2.embed-the-widget\u002F4.appearance-options","i-lucide-sliders-horizontal",{"title":44,"path":45,"stem":46,"icon":47},"Events","\u002Fembed-the-widget\u002Fevents","2.embed-the-widget\u002F5.events","i-lucide-radio",{"title":49,"path":50,"stem":51,"icon":52},"Styling with CSS","\u002Fembed-the-widget\u002Fstyling-with-css","2.embed-the-widget\u002F6.styling-with-css","i-lucide-paintbrush",{"title":54,"path":55,"stem":56,"icon":57},"Troubleshooting","\u002Fembed-the-widget\u002Ftroubleshooting","2.embed-the-widget\u002F7.troubleshooting","i-lucide-wrench",{"title":59,"path":60,"stem":61,"children":62,"icon":64},"Surveys","\u002Fsurveys","3.surveys\u002F1.index",[63,65,70,75,80],{"title":59,"path":60,"stem":61,"icon":64},"i-lucide-clipboard-list",{"title":66,"path":67,"stem":68,"icon":69},"Questions","\u002Fsurveys\u002Fquestions","3.surveys\u002F2.questions","i-lucide-list-checks",{"title":71,"path":72,"stem":73,"icon":74},"Appearance and wording","\u002Fsurveys\u002Fappearance-and-wording","3.surveys\u002F3.appearance-and-wording","i-lucide-palette",{"title":76,"path":77,"stem":78,"icon":79},"Publishing changes","\u002Fsurveys\u002Flimits-and-status","3.surveys\u002F4.limits-and-status","i-lucide-clock",{"title":81,"path":82,"stem":83,"icon":84},"Fill links","\u002Fsurveys\u002Ffill-links","3.surveys\u002F5.fill-links","i-lucide-link",{"title":86,"path":87,"stem":88,"children":89,"icon":91},"Responses and insights","\u002Fresponses-and-insights","4.responses-and-insights\u002F1.index",[90,92,97,102,107,112,116,121],{"title":86,"path":87,"stem":88,"icon":91},"i-lucide-inbox",{"title":93,"path":94,"stem":95,"icon":96},"Answers","\u002Fresponses-and-insights\u002Fanswers","4.responses-and-insights\u002F2.answers","i-lucide-message-square-text",{"title":98,"path":99,"stem":100,"icon":101},"Insights","\u002Fresponses-and-insights\u002Finsights","4.responses-and-insights\u002F3.insights","i-lucide-lightbulb",{"title":103,"path":104,"stem":105,"icon":106},"Verification and threshold","\u002Fresponses-and-insights\u002Fverification-and-threshold","4.responses-and-insights\u002F4.verification-and-threshold","i-lucide-shield-check",{"title":108,"path":109,"stem":110,"icon":111},"Statistics","\u002Fresponses-and-insights\u002Fresponsiveness-funnel","4.responses-and-insights\u002F5.responsiveness-funnel","i-lucide-bar-chart-3",{"title":113,"path":114,"stem":115,"icon":91},"Feedback you already have","\u002Fresponses-and-insights\u002Ffeedback-you-already-have","4.responses-and-insights\u002F6.feedback-you-already-have",{"title":117,"path":118,"stem":119,"icon":120},"Import a file","\u002Fresponses-and-insights\u002Fimport-a-file","4.responses-and-insights\u002F7.import-a-file","i-lucide-file-up",{"title":122,"path":123,"stem":124,"icon":125},"Send through the API","\u002Fresponses-and-insights\u002Fsend-feedback-through-the-api","4.responses-and-insights\u002F8.send-feedback-through-the-api","i-lucide-send",{"title":127,"path":128,"stem":129,"children":130,"page":141},"Account And Billing","\u002Faccount-and-billing","5.account-and-billing",[131,136],{"title":132,"path":133,"stem":134,"icon":135},"Plans and billing","\u002Faccount-and-billing\u002Fplans-and-billing","5.account-and-billing\u002F1.plans-and-billing","i-lucide-credit-card",{"title":137,"path":138,"stem":139,"icon":140},"Security and profile","\u002Faccount-and-billing\u002Fsecurity-and-profile","5.account-and-billing\u002F2.security-and-profile","i-lucide-shield",false,{"title":143,"path":144,"stem":145,"children":146,"icon":148},"Connect an AI assistant","\u002Fconnect-an-ai-assistant","6.connect-an-ai-assistant\u002F1.index",[147,149,154,159,164,169,173,178],{"title":143,"path":144,"stem":145,"icon":148},"i-lucide-bot",{"title":150,"path":151,"stem":152,"icon":153},"Claude","\u002Fconnect-an-ai-assistant\u002Fclaude","6.connect-an-ai-assistant\u002F2.claude","i-lucide-message-circle",{"title":155,"path":156,"stem":157,"icon":158},"ChatGPT","\u002Fconnect-an-ai-assistant\u002Fchatgpt","6.connect-an-ai-assistant\u002F3.chatgpt","i-lucide-message-square",{"title":160,"path":161,"stem":162,"icon":163},"Claude Code","\u002Fconnect-an-ai-assistant\u002Fclaude-code","6.connect-an-ai-assistant\u002F4.claude-code","i-lucide-terminal",{"title":165,"path":166,"stem":167,"icon":168},"Cursor","\u002Fconnect-an-ai-assistant\u002Fcursor","6.connect-an-ai-assistant\u002F5.cursor","i-lucide-mouse-pointer-2",{"title":170,"path":171,"stem":172,"icon":57},"Tools and permissions","\u002Fconnect-an-ai-assistant\u002Ftools-and-permissions","6.connect-an-ai-assistant\u002F6.tools-and-permissions",{"title":174,"path":175,"stem":176,"icon":177},"What the assistant sees","\u002Fconnect-an-ai-assistant\u002Fwhat-the-assistant-sees","6.connect-an-ai-assistant\u002F7.what-the-assistant-sees","i-lucide-eye",{"title":179,"path":180,"stem":181,"icon":182},"Example prompts","\u002Fconnect-an-ai-assistant\u002Fexample-prompts","6.connect-an-ai-assistant\u002F8.example-prompts","i-lucide-sparkles",{"id":184,"title":34,"body":185,"description":1297,"extension":1298,"links":1299,"meta":1300,"navigation":1301,"path":35,"seo":1302,"stem":36,"__hash__":1303},"docs\u002F2.embed-the-widget\u002F3.javascript-api.md",{"type":186,"value":187,"toc":1286},"minimark",[188,192,196,201,209,339,342,389,394,421,427,484,588,592,683,687,745,757,1091,1110,1114,1122,1182,1240,1244,1247,1255,1277,1282],[189,190,34],"h1",{"id":191},"javascript-api",[193,194,195],"p",{},"The snippet from the Appearance tab is all most sites need. Reach for the JavaScript API when you\nwant to set appearance from code, open the survey from your own button, react to events or change\nthe widget while the page is open.",[197,198,200],"h2",{"id":199},"the-command-queue","The command queue",[193,202,203,204,208],{},"Everything goes through one function, ",[205,206,207],"code",{},"window.rawquotes(command, ...arguments)",". Before the widget\nscript has loaded, calls to it are collected in a queue and replayed in order once it has. You\ndefine the function yourself with this stub, so you can call it at any point on the page:",[210,211,216],"pre",{"className":212,"code":213,"language":214,"meta":215,"style":215},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript>\n  window.rawquotes = window.rawquotes || function () {\n    (window.rawquotes.q = window.rawquotes.q || []).push(arguments)\n  }\n\u003C\u002Fscript>\n","html","",[205,217,218,234,270,323,329],{"__ignoreMap":215},[219,220,223,227,231],"span",{"class":221,"line":222},"line",1,[219,224,226],{"class":225},"sMK4o","\u003C",[219,228,230],{"class":229},"swJcz","script",[219,232,233],{"class":225},">\n",[219,235,237,241,244,247,250,253,255,257,260,264,267],{"class":221,"line":236},2,[219,238,240],{"class":239},"sTEyZ","  window",[219,242,243],{"class":225},".",[219,245,246],{"class":239},"rawquotes ",[219,248,249],{"class":225},"=",[219,251,252],{"class":239}," window",[219,254,243],{"class":225},[219,256,246],{"class":239},[219,258,259],{"class":225},"||",[219,261,263],{"class":262},"spNyl"," function",[219,265,266],{"class":225}," ()",[219,268,269],{"class":225}," {\n",[219,271,273,276,279,281,284,286,289,292,294,296,298,300,302,305,308,310,314,317,320],{"class":221,"line":272},3,[219,274,275],{"class":229},"    (",[219,277,278],{"class":239},"window",[219,280,243],{"class":225},[219,282,283],{"class":239},"rawquotes",[219,285,243],{"class":225},[219,287,288],{"class":239},"q",[219,290,291],{"class":225}," =",[219,293,252],{"class":239},[219,295,243],{"class":225},[219,297,283],{"class":239},[219,299,243],{"class":225},[219,301,288],{"class":239},[219,303,304],{"class":225}," ||",[219,306,307],{"class":229}," [])",[219,309,243],{"class":225},[219,311,313],{"class":312},"s2Zo4","push",[219,315,316],{"class":229},"(",[219,318,319],{"class":239},"arguments",[219,321,322],{"class":229},")\n",[219,324,326],{"class":221,"line":325},4,[219,327,328],{"class":225},"  }\n",[219,330,332,335,337],{"class":221,"line":331},5,[219,333,334],{"class":225},"\u003C\u002F",[219,336,230],{"class":229},[219,338,233],{"class":225},[193,340,341],{},"Two things about order:",[343,344,345,366],"ul",{},[346,347,348,349,352,353,357,358,361,362,365],"li",{},"Put ",[205,350,351],{},"on"," calls ",[354,355,356],"strong",{},"before"," ",[205,359,360],{},"init",", or the ",[205,363,364],{},"ready"," event is already gone when you start listening.",[346,367,368,369,372,373,375,376,378,379,357,382,385,386,388],{},"A ",[205,370,371],{},"\u003Cscript src=\"...\u002Floader.js\" data-survey-id=\"…\">"," tag calls ",[205,374,360],{}," for you. If you also want your\nown ",[205,377,360],{}," with options, load the script ",[354,380,381],{},"without",[205,383,384],{},"data-survey-id",", or put your own ",[205,387,360],{},"\nbefore the loader tag (see the next section).",[390,391,393],"h3",{"id":392},"one-view-per-survey","One view per survey",[193,395,396,397,357,400,402,403,406,407,409,410,413,414,417,418,420],{},"A page shows at most one view of a given survey. The ",[354,398,399],{},"first",[205,401,360],{}," for a ",[205,404,405],{},"surveyId"," wins, whether\nit was queued before the script loaded or called after. A later ",[205,408,360],{}," for the same survey mounts\nnothing and writes a line starting with ",[205,411,412],{},"[rawquotes]"," to the console. To change how the view looks,\nuse ",[205,415,416],{},"update",". Different surveys mount independently. Once the widget is removed from the page (for\nexample by a single-page app navigating away), a new ",[205,419,360],{}," for that survey mounts again.",[197,422,424,426],{"id":423},"init-options",[205,425,360],{}," options",[210,428,432],{"className":429,"code":430,"language":431,"meta":215,"style":215},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","rawquotes('init', { surveyId: 'YOUR-SURVEY-ID', autoOpen: false })\n","js",[205,433,434],{"__ignoreMap":215},[219,435,436,438,440,443,446,448,451,454,457,460,463,466,468,470,473,475,479,482],{"class":221,"line":222},[219,437,283],{"class":312},[219,439,316],{"class":239},[219,441,442],{"class":225},"'",[219,444,360],{"class":445},"sfazB",[219,447,442],{"class":225},[219,449,450],{"class":225},",",[219,452,453],{"class":225}," {",[219,455,456],{"class":229}," surveyId",[219,458,459],{"class":225},":",[219,461,462],{"class":225}," '",[219,464,465],{"class":445},"YOUR-SURVEY-ID",[219,467,442],{"class":225},[219,469,450],{"class":225},[219,471,472],{"class":229}," autoOpen",[219,474,459],{"class":225},[219,476,478],{"class":477},"sfNiH"," false",[219,480,481],{"class":225}," }",[219,483,322],{"class":239},[485,486,487,503],"table",{},[488,489,490],"thead",{},[491,492,493,497,500],"tr",{},[494,495,496],"th",{},"Option",[494,498,499],{},"Type",[494,501,502],{},"Meaning",[504,505,506,519,532,555,572],"tbody",{},[491,507,508,513,516],{},[509,510,511],"td",{},[205,512,405],{},[509,514,515],{},"string",[509,517,518],{},"The survey's identifier. The snippet from the Appearance tab contains it.",[491,520,521,526,529],{},[509,522,523],{},[205,524,525],{},"container",[509,527,528],{},"CSS selector",[509,530,531],{},"The element on your page to draw into. Without it the widget is always floating.",[491,533,534,539,548],{},[509,535,536],{},[205,537,538],{},"mode",[509,540,541,544,545],{},[205,542,543],{},"'floating'"," or ",[205,546,547],{},"'inline'",[509,549,550,551,554],{},"Wins over ",[205,552,553],{},"appearance.placement.mode"," and over the Appearance tab.",[491,556,557,562,565],{},[509,558,559],{},[205,560,561],{},"autoOpen",[509,563,564],{},"boolean",[509,566,567,568,571],{},"Floating only: the card is open from the start (the ",[205,569,570],{},"opened"," event fires).",[491,573,574,579,582],{},[509,575,576],{},[205,577,578],{},"appearance",[509,580,581],{},"object",[509,583,584,585,243],{},"Any subset of the appearance fields. See ",[586,587,39],"a",{"href":40},[197,589,591],{"id":590},"commands","Commands",[485,593,594,607],{},[488,595,596],{},[491,597,598,601,604],{},[494,599,600],{},"Command",[494,602,603],{},"Example",[494,605,606],{},"Effect",[504,608,609,623,639,654,669],{},[491,610,611,615,620],{},[509,612,613],{},[205,614,360],{},[509,616,617],{},[205,618,619],{},"rawquotes('init', { surveyId: '…' })",[509,621,622],{},"Mounts the widget.",[491,624,625,629,634],{},[509,626,627],{},[205,628,351],{},[509,630,631],{},[205,632,633],{},"rawquotes('on', 'completed', fn)",[509,635,636,637,243],{},"Listens for an event. See ",[586,638,44],{"href":45},[491,640,641,646,651],{},[509,642,643],{},[205,644,645],{},"show",[509,647,648],{},[205,649,650],{},"rawquotes('show')",[509,652,653],{},"Floating: opens the card. Inline: shows the container.",[491,655,656,661,666],{},[509,657,658],{},[205,659,660],{},"hide",[509,662,663],{},[205,664,665],{},"rawquotes('hide')",[509,667,668],{},"Floating: closes the card (the launcher stays). Inline: hides the container.",[491,670,671,675,680],{},[509,672,673],{},[205,674,416],{},[509,676,677],{},[205,678,679],{},"rawquotes('update', { appearance: { … } })",[509,681,682],{},"Changes appearance or language without a reload.",[197,684,686],{"id":685},"open-and-close-from-your-own-code","Open and close from your own code",[485,688,689,703],{},[488,690,691],{},[491,692,693,695,699],{},[494,694],{},[494,696,697],{},[205,698,645],{},[494,700,701],{},[205,702,660],{},[504,704,705,727],{},[491,706,707,710,716],{},[509,708,709],{},"Floating",[509,711,712,713,715],{},"Opens the card; the ",[205,714,570],{}," event fires.",[509,717,718,719,722,723,726],{},"Closes the card; ",[205,720,721],{},"dismissed"," (if a survey was in progress) and ",[205,724,725],{},"closed"," fire. The launcher stays.",[491,728,729,732,739],{},[509,730,731],{},"Inline",[509,733,734,735,738],{},"Removes ",[205,736,737],{},"display: none"," from the container.",[509,740,741,742,744],{},"Sets ",[205,743,737],{}," on the container.",[193,746,747,749,750,752,753,756],{},[205,748,645],{}," and ",[205,751,660],{}," do nothing until the widget has the survey and has drawn something. In floating\nmode the widget tells you when that moment comes with the ",[205,754,755],{},"launcher_ready"," event, so wait for it:",[210,758,760],{"className":212,"code":759,"language":214,"meta":215,"style":215},"\u003Cbutton id=\"feedback\">Tell us what you think\u003C\u002Fbutton>\n\u003Cscript>\n  window.rawquotes = window.rawquotes || function () {\n    (window.rawquotes.q = window.rawquotes.q || []).push(arguments)\n  }\n  window.rawquotes('on', 'launcher_ready', function () {\n    document.getElementById('feedback').addEventListener('click', function () {\n      window.rawquotes('show')\n    })\n  })\n  window.rawquotes('init', {\n    surveyId: 'YOUR-SURVEY-ID',\n    appearance: { accentColor: '#4f46e5' }\n  })\n\u003C\u002Fscript>\n\u003Cscript src=\"https:\u002F\u002Fintake.rawquotes.io\u002Fwidget\u002Floader.js\" async>\u003C\u002Fscript>\n",[205,761,762,794,802,826,866,870,903,947,967,975,983,1004,1021,1046,1053,1062],{"__ignoreMap":215},[219,763,764,766,769,772,774,777,780,782,785,788,790,792],{"class":221,"line":222},[219,765,226],{"class":225},[219,767,768],{"class":229},"button",[219,770,771],{"class":262}," id",[219,773,249],{"class":225},[219,775,776],{"class":225},"\"",[219,778,779],{"class":445},"feedback",[219,781,776],{"class":225},[219,783,784],{"class":225},">",[219,786,787],{"class":239},"Tell us what you think",[219,789,334],{"class":225},[219,791,768],{"class":229},[219,793,233],{"class":225},[219,795,796,798,800],{"class":221,"line":236},[219,797,226],{"class":225},[219,799,230],{"class":229},[219,801,233],{"class":225},[219,803,804,806,808,810,812,814,816,818,820,822,824],{"class":221,"line":272},[219,805,240],{"class":239},[219,807,243],{"class":225},[219,809,246],{"class":239},[219,811,249],{"class":225},[219,813,252],{"class":239},[219,815,243],{"class":225},[219,817,246],{"class":239},[219,819,259],{"class":225},[219,821,263],{"class":262},[219,823,266],{"class":225},[219,825,269],{"class":225},[219,827,828,830,832,834,836,838,840,842,844,846,848,850,852,854,856,858,860,862,864],{"class":221,"line":325},[219,829,275],{"class":229},[219,831,278],{"class":239},[219,833,243],{"class":225},[219,835,283],{"class":239},[219,837,243],{"class":225},[219,839,288],{"class":239},[219,841,291],{"class":225},[219,843,252],{"class":239},[219,845,243],{"class":225},[219,847,283],{"class":239},[219,849,243],{"class":225},[219,851,288],{"class":239},[219,853,304],{"class":225},[219,855,307],{"class":229},[219,857,243],{"class":225},[219,859,313],{"class":312},[219,861,316],{"class":229},[219,863,319],{"class":239},[219,865,322],{"class":229},[219,867,868],{"class":221,"line":331},[219,869,328],{"class":225},[219,871,873,875,877,879,881,883,885,887,889,891,893,895,897,899,901],{"class":221,"line":872},6,[219,874,240],{"class":239},[219,876,243],{"class":225},[219,878,283],{"class":312},[219,880,316],{"class":239},[219,882,442],{"class":225},[219,884,351],{"class":445},[219,886,442],{"class":225},[219,888,450],{"class":225},[219,890,462],{"class":225},[219,892,755],{"class":445},[219,894,442],{"class":225},[219,896,450],{"class":225},[219,898,263],{"class":262},[219,900,266],{"class":225},[219,902,269],{"class":225},[219,904,906,909,911,914,916,918,920,922,925,927,930,932,934,937,939,941,943,945],{"class":221,"line":905},7,[219,907,908],{"class":239},"    document",[219,910,243],{"class":225},[219,912,913],{"class":312},"getElementById",[219,915,316],{"class":229},[219,917,442],{"class":225},[219,919,779],{"class":445},[219,921,442],{"class":225},[219,923,924],{"class":229},")",[219,926,243],{"class":225},[219,928,929],{"class":312},"addEventListener",[219,931,316],{"class":229},[219,933,442],{"class":225},[219,935,936],{"class":445},"click",[219,938,442],{"class":225},[219,940,450],{"class":225},[219,942,263],{"class":262},[219,944,266],{"class":225},[219,946,269],{"class":225},[219,948,950,953,955,957,959,961,963,965],{"class":221,"line":949},8,[219,951,952],{"class":239},"      window",[219,954,243],{"class":225},[219,956,283],{"class":312},[219,958,316],{"class":229},[219,960,442],{"class":225},[219,962,645],{"class":445},[219,964,442],{"class":225},[219,966,322],{"class":229},[219,968,970,973],{"class":221,"line":969},9,[219,971,972],{"class":225},"    }",[219,974,322],{"class":229},[219,976,978,981],{"class":221,"line":977},10,[219,979,980],{"class":225},"  }",[219,982,322],{"class":239},[219,984,986,988,990,992,994,996,998,1000,1002],{"class":221,"line":985},11,[219,987,240],{"class":239},[219,989,243],{"class":225},[219,991,283],{"class":312},[219,993,316],{"class":239},[219,995,442],{"class":225},[219,997,360],{"class":445},[219,999,442],{"class":225},[219,1001,450],{"class":225},[219,1003,269],{"class":225},[219,1005,1007,1010,1012,1014,1016,1018],{"class":221,"line":1006},12,[219,1008,1009],{"class":229},"    surveyId",[219,1011,459],{"class":225},[219,1013,462],{"class":225},[219,1015,465],{"class":445},[219,1017,442],{"class":225},[219,1019,1020],{"class":225},",\n",[219,1022,1024,1027,1029,1031,1034,1036,1038,1041,1043],{"class":221,"line":1023},13,[219,1025,1026],{"class":229},"    appearance",[219,1028,459],{"class":225},[219,1030,453],{"class":225},[219,1032,1033],{"class":229}," accentColor",[219,1035,459],{"class":225},[219,1037,462],{"class":225},[219,1039,1040],{"class":445},"#4f46e5",[219,1042,442],{"class":225},[219,1044,1045],{"class":225}," }\n",[219,1047,1049,1051],{"class":221,"line":1048},14,[219,1050,980],{"class":225},[219,1052,322],{"class":239},[219,1054,1056,1058,1060],{"class":221,"line":1055},15,[219,1057,334],{"class":225},[219,1059,230],{"class":229},[219,1061,233],{"class":225},[219,1063,1065,1067,1069,1072,1074,1076,1079,1081,1084,1087,1089],{"class":221,"line":1064},16,[219,1066,226],{"class":225},[219,1068,230],{"class":229},[219,1070,1071],{"class":262}," src",[219,1073,249],{"class":225},[219,1075,776],{"class":225},[219,1077,1078],{"class":445},"https:\u002F\u002Fintake.rawquotes.io\u002Fwidget\u002Floader.js",[219,1080,776],{"class":225},[219,1082,1083],{"class":262}," async",[219,1085,1086],{"class":225},">\u003C\u002F",[219,1088,230],{"class":229},[219,1090,233],{"class":225},[193,1092,1093,1094,1096,1097,749,1099,1101,1102,1105,1106,1109],{},"In inline mode there is no ",[205,1095,755],{},"; ",[205,1098,645],{},[205,1100,660],{}," work from the ",[205,1103,1104],{},"rendered"," event on. If\nthe survey is not available (",[205,1107,1108],{},"render_error","), nothing is drawn and neither command does anything.",[197,1111,1113],{"id":1112},"change-the-widget-while-it-is-on-the-page","Change the widget while it is on the page",[193,1115,1116,1118,1119,1121],{},[205,1117,416],{}," merges the ",[205,1120,578],{}," you give it into what the widget already holds, so you only send\nwhat changes:",[210,1123,1125],{"className":429,"code":1124,"language":431,"meta":215,"style":215},"rawquotes('update', { appearance: { colorScheme: 'dark', language: 'de' } })\n",[205,1126,1127],{"__ignoreMap":215},[219,1128,1129,1131,1133,1135,1137,1139,1141,1143,1146,1148,1150,1153,1155,1157,1160,1162,1164,1167,1169,1171,1174,1176,1178,1180],{"class":221,"line":222},[219,1130,283],{"class":312},[219,1132,316],{"class":239},[219,1134,442],{"class":225},[219,1136,416],{"class":445},[219,1138,442],{"class":225},[219,1140,450],{"class":225},[219,1142,453],{"class":225},[219,1144,1145],{"class":229}," appearance",[219,1147,459],{"class":225},[219,1149,453],{"class":225},[219,1151,1152],{"class":229}," colorScheme",[219,1154,459],{"class":225},[219,1156,462],{"class":225},[219,1158,1159],{"class":445},"dark",[219,1161,442],{"class":225},[219,1163,450],{"class":225},[219,1165,1166],{"class":229}," language",[219,1168,459],{"class":225},[219,1170,462],{"class":225},[219,1172,1173],{"class":445},"de",[219,1175,442],{"class":225},[219,1177,481],{"class":225},[219,1179,481],{"class":225},[219,1181,322],{"class":239},[343,1183,1184,1210,1228,1231],{},[346,1185,1186,1187,1190,1191,1190,1193,1190,1196,1190,1199,1202,1203,749,1206,1209],{},"Colours, shape, font, language, ",[205,1188,1189],{},"colorScheme",", ",[205,1192,1159],{},[205,1194,1195],{},"icon",[205,1197,1198],{},"choiceSize",[205,1200,1201],{},"choicesAlign",", texts,\n",[205,1204,1205],{},"placement.corner",[205,1207,1208],{},"placement.offset"," change live.",[346,1211,1212,1190,1215,1190,1217,749,1219,1221,1222,1224,1225,1227],{},[205,1213,1214],{},"placement.mode",[205,1216,525],{},[205,1218,405],{},[205,1220,538],{}," are fixed at ",[205,1223,360],{},". In ",[205,1226,416],{}," they are\nignored with a console warning.",[346,1229,1230],{},"The visitor keeps their place: answers, the current question and typed text stay after an update.",[346,1232,1233,1234,1236,1237,1239],{},"An ",[205,1235,416],{}," sent before the survey has loaded is applied to the first paint. One sent before any\n",[205,1238,360],{}," is ignored.",[197,1241,1243],{"id":1242},"when-an-option-is-rejected","When an option is rejected",[193,1245,1246],{},"The widget never throws on your page. A field with a wrong type, an unknown name or a value outside\nits allowed set is dropped, the rest of the object still applies, and the browser console gets one\nline per dropped field:",[210,1248,1253],{"className":1249,"code":1251,"language":1252,"meta":215},[1250],"language-text","[rawquotes] appearance.accentColor must be a #RRGGBB colour\n","text",[205,1254,1251],{"__ignoreMap":215},[193,1256,1257,1258,1260,1261,1263,1264,1266,1267,1269,1270,1273,1274,243],{},"An unknown ",[205,1259,1189],{}," in ",[205,1262,360],{}," is rejected the same way as in ",[205,1265,416],{},": the console gets a line\nand the survey's own setting stays. The same goes for a ",[205,1268,1205],{}," other than ",[205,1271,1272],{},"bottom_left","\nor ",[205,1275,1276],{},"bottom_right",[193,1278,1279,1280,243],{},"If the colours or the language do not change, open the console and look for lines starting with\n",[205,1281,412],{},[1283,1284,1285],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":215,"searchDepth":236,"depth":236,"links":1287},[1288,1291,1293,1294,1295,1296],{"id":199,"depth":236,"text":200,"children":1289},[1290],{"id":392,"depth":272,"text":393},{"id":423,"depth":236,"text":1292},"init options",{"id":590,"depth":236,"text":591},{"id":685,"depth":236,"text":686},{"id":1112,"depth":236,"text":1113},{"id":1242,"depth":236,"text":1243},"The RawQuotes widget's init options and commands, and how to open, close and update it from your own code.","md",null,{},{"title":34,"icon":37},{"title":34,"description":1297},"tTpgLkIRKMeOP8gPKkJk5GkYRJOv7I1w2qJGmc-4oJU",[1305,1307],{"title":29,"path":30,"stem":31,"description":1306,"icon":32,"children":-1},"The two ways the widget can sit on your site's pages.",{"title":39,"path":40,"stem":41,"description":1308,"icon":42,"children":-1},"Every field of the widget's appearance object in JavaScript, with values, defaults, dark mode and language.",1793642221791]